javascript-LaravelでAngularのng-showを使用する
htmlクラスでLaravel変数を使用してAngularファイルで定義できることはすでに知っています。これが私がそれについて言ったコードです:
master.blade.php:
main.js:
ここで、特定のdivの表示/非表示を使用したいだけです。
しかし、私たちが知っているように、ng-showではこのタイプの変数を使用することはできません。何か提案はありますか? <div ng-controller="AppCtrl">
<div class =" {{ statusClass }} ">
.
.
.
</div>
</div>
angular.module('app')
.controller('AppCtrl',[...,function(...){
.
.
.
timeout(function () {
$scope.statusClass = "active";
$scope.visibility = false;
}, 0);
}])
<div class =" @{{ statusClass }} " ng-show =" @{{ visibility }}">
答え :
解決策:
ここでは角度とブレードを混同しています。
正しい方法は次のとおりです。 補足として、 また、Angularから直接クラス名を評価することは悪い習慣です。これには @{{visibility}}
は{{visibility}}にレンダリングされます。ここで、angularはAngularレンダリングタグではなく式を期待します。
<div class =" @{{ statusClass }} " ng-show ="visibility">
ng-show
や{-code-ではなく、
ng-if
を使用することをお勧めします。 6} 、説明どおりここ ng-class
を使用することをお勧めします。
同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。