如何在ng-if中使用{{}}表达式

时间:2016-12-27 23:17:17

标签: javascript angularjs html5 ionic-framework

我使用Fire base来检索用户对象,在对象内部有管理员或普通用户的类型。

$scope.User=$firebaseObject(fireBaseData.refUser().child(user.uid));

现在我尝试使用ng-if更改每个用户的视图

<div ng-if="{{User.type}}==admin">

我尝试了另一种方法,将字段更改为admin为true或false

<div ng-if="!{{User.admin}}">

但在两种情况下仍然不起作用,问题是我认为在ng-if指令中使用{{}}

2 个答案:

答案 0 :(得分:1)

您通常不会在指令中使用{{}}。只需以下代码即可:

<div ng-if="!User.admin">

答案 1 :(得分:1)

如果表达式的计算结果为false,则ng-if指令将删除HTML元素。

如果if语句的计算结果为true,则在DOM中添加Element的副本。

ng-if指令与ng-hide不同,后者隐藏元素的显示,其中ng-if指令完全从DOM中删除元素。

因此,两者都是正确的:

    <div ng-if="User.type==admin">

    <div ng-if="!User.admin">