如何在AngularJS中使用ng if，ng else


How to make use of ng-if , ng-else in angularJS

我想比较一下ID。这里如果ID等于5，那么做这个，否则做那个。我怎样才能做到这一点？

1
2
3
4
5
6
7
8
9
    <input type="checkbox" id="{{data.id}}" value="{{data.displayName}}"
            data-ng-model="customizationCntrl.check[data.id1]"
            data-ng-checked="{{data.status}}=='1'" onclick="return false;">{{data.displayName}}
       


    <input type="checkbox" id="{{data.id}}" value="{{data.displayName}}"
            data-ng-model="customizationCntrl.check[data.id]"
            data-ng-checked="{{data.status}}=='1'">{{data.displayName}}
相关讨论

  • 什么是ng-else指令？它是AngularJS的核心指令吗？
  • 看看stackoverflow.com/questions/15810278/&hellip；
  • Angular4现在有了它：stackoverflow.com/questions/43006550/&hellip；

将ng开关与expression和ng-switch-when一起用于匹配表达式值：

1
2
  ...
  ...

例子在这里

角度2示例

相关讨论

  • 对于angular2相同的答案，不同的语法-angular.io/docs/ts/latest/api/common/index/&hellip；
  • 如果您发现更清晰(并且显然只针对一个或一个值)，您还可以将(data.id == 5)用于switch语句表达式，然后将true用于when表达式。

没有其他指示

在AngularJS中，可以使用ng if来实现if()..else..。

对于你目前的情况，

1
2
3
4
<!-- If block -->


<!-- Your Else Block -->
相关讨论

  • 这是我用的。你可以否定你的if声明来实现else。

ng if else in angular的语法是：

1
2
3
4
5
6
7
8
9
10
11
    <input type="checkbox" id="{{data.id}}" value="{{data.displayName}}"
    data-ng-model="customizationCntrl.check[data.id1]" data-ng-checked="
    {{data.status}}=='1'" onclick="return false;">{{data.displayName}}

<ng-template #elsepart>
   
        <input type="checkbox" id="{{data.id}}" value={{data.displayName}}"  
        data-ng-model="customizationCntrl.check[data.id]" data-ng-checked="
        {{data.status}}=='1'">{{data.displayName}}
     
</ng-template>
相关讨论

  • NGIF和其他用于更高版本的AngularJS，如Angular2和更高版本，不用于AngularJS

我要补充一些关于NG指令的重要问题：

  • 指令将响应执行它的相同位置。
  • 其他概念不存在，只能用if或其他风格的switch语句。

    • 查看以下示例：

    1
    //different template with hoot data

    1
      //different template with story data

    1
     //different template with article data

    根据数据类型，它将呈现任何一个DIV。

    也可以尝试三元运算符。像这样的东西

    1
    {{data.id === 5 ?"it's true" :"it's false"}}

    稍微改变一下HTML代码，试试这个希望，这样它会对你有用。

    1
    2
    <span ng-if="verifyName.indicator == 1"><i class="fa fa-check"></span>
    <span ng-if="verifyName.indicator == 0"><i class="fa fa-times"></span>

    试试这个代码。这里，verifyname.indicator值来自控制器。这对我有用。

    你可以这样写：

    1
    2
    3
    4
    5
    6
    7
    8
        <p>
     this will execute
    </p>


        <p>
     this will execute
    </p>
    相关讨论

    • 此语句用于AngularJS中的if-else条件