在 Laravel 中使用 Angular 的 ng-show

Question

我已经知道我可以在 html 类中使用 Laravel 变量 并在 Angular 文件中定义它。这是我所说的代码：

ma​​ster.blade.php：

<div ng-controller="AppCtrl">
  <div class =" {{ statusClass }} ">
   .
   .
   .
  </div>
</div>

ma​​in.js：

angular.module('app')
    .controller('AppCtrl',[...,function(...){
                 .
                 .
                 .

                    timeout(function () {
                    $scope.statusClass = "active";
                    $scope.visibility = false;

                }, 0);

}])

现在我只想使用显示/隐藏特定的 div。

  <div class =" @{{ statusClass }} " ng-show =" @{{ visibility }}">

但是我们知道我们不能在 ng-show 中使用这种类型的变量。有什么建议吗？

Answer 1

你在这里把棱角和刀片混在一起了。

@{{visibility}} 将渲染到 {{visibility}}，其中 angular 需要一个表达式，而不是 angular 渲染标签。

正确的方法是：

<div class =" @{{ statusClass }} " ng-show ="visibility">

附带说明，ng-if 总是比 ng-show 或 ng-hide 更好，正如 here 所解释的那样

我还要提一下，直接从角度评估类名是不好的做法，最好使用ng-class。