javascript - 如何在 ng-if AngularJS 中使用 JavaScript？

Question

我试图将 JavaScript 表达式与 ng-if 结合使用。但是，它没有做任何事情。它总是返回 false。

我尝试的是:

ng-if="localStorage.getItem('grid-layout') == 'list' (如果为真，显示 div)

div 不呈现，因为它总是返回 false。网格布局值保存在 localStorage 中。这不是问题。

我检查了网站上的文档。 Angular 说明了以下关于 ng-if

的内容

https://docs.angularjs.org/api/ng/directive/ngIf

If the expression is falsy then the element is removed from the DOM tree. If it is truthy a copy of the compiled element is added to the DOM tree.

是否可以在 ng-if 中只使用 JavaScript？如果没有，我怎样才能实现我想要做的事情？

Answer 1

您可以在 ng-if 中使用 Javascript 表达式，但您只能访问当前模板的 $scope 中的属性。

localStorage 不太可能对您可用，除非您专门将它添加到 $scope 对象。

一种方法是在 Controller 中编写一个附加到 $scope 的函数:

//in controller JS
$scope.checkLocalStorage = function() {
    return localStorage.getItem('grid-layout') == 'list';
}

//In template
<div ng-if="checkLocalStorage()"></div>