如何在ng-if中编写表达式

时间:2014-06-02 06:41:33

标签: javascript angularjs

我必须在ng-if中放置一个表达式,如果应该对其进行评估,并根据其值显示我的内容。目前我的代码是

<a ng-if="abc.status===failure" href="http://localhost:3000/abc/abc">image</a>

目前它永远不会被展示。令人惊讶的是,如果我只想测试值是否为空

,则双引号的语法有效
<a ng-if="value" href="http://localhost:3000/abc/abc">{{image}}</a>

如何评估abc.status ===失败并将结果分配给ng-if

3 个答案:

答案 0 :(得分:2)

在引号中包裹failure,更改:

<a ng-if="abc.status===failure" href="http://localhost:3000/abc/abc">image</a>

<a ng-if="abc.status==='failure'"
href="http://localhost:3000/abc/abc">image</a>

答案 1 :(得分:2)

根据变量的类型进行评估。

  1. 对于数字 - ng-if =&#34; status === 1&#34;
  2. 对于字符串 - ng-if =&#34; status ===&#39; str&#39;&#34;
  3. 参见: 工作样本可在&#34; http://jsfiddle.net/Boopathi_Sakthivel/v75Nk/

    中使用
     <div ng-controller = "mycontroller" >
            <a ng-if="status===1"
    href="http://localhost:3000/abc/abc">status</a>
            <a ng-if="statusStr==='failure'"
    href="http://localhost:3000/abc/abc">statusStr</a>
        </div>
    

答案 2 :(得分:1)

ng-if有一个'failure'接受表达的证明。我相信你有语法错误或类似的东西。尝试将{{1}}括在单引号中并重新检查变量名称