HTML AngularJS中有条件的

时间:2018-07-18 14:34:02

标签: html angular conditional

我的代码中有一个小问题,我使用的是angular和HTML,当我的“ a> 0”变为可点击状态并调用函数时,如果我的“ a = 0”则必须显示为非可点击状态,知道我的“ a”已经恢复,我尝试了ng-if,但是我认为语法不正确

我说法语,这则消息是由Google翻译翻译的,如果您犯了错误,很抱歉

当a> 0时我应该显示什么

          <tr height="25"
                name="a"  
                ng-click="startSearch(row,name)" 
                style="cursor: pointer">
                <td><a class="texte">a</a></td>
                <td align="right">{{a}}</td>
            </tr>

当a = 0时

            <tr height="25">
                  <td>a</td>
                  <td align="right">{{a}}</td>
            </tr>

我想做什么:

                  <tr height="25"
                   name="a"   
                   ng-click="startSearch(row,name)"
                   style="cursor: pointer"
                   ng-if="a > 0">
                  <td><a>a</a></td>
                  <td align="right">{{a}}</td>
                  </tr>
                  <tr height="25"
                  ng-if="a= 0">
                  <td>a</td>
                  <td align="right">{{a}}</td>
                  </tr>

我知道不多,我只是想了解我的错误,谢谢

2 个答案:

答案 0 :(得分:1)

此外,我不确定您是否需要两个ng。您可以使用ng-classng-style(但就我而言,最好使用ng-class)。 写了一个小例子,希望这就是您所期望的。

<tr height="25" name="a" ng-click="startSearch(row,name)" ng-style="a>0 && {'cursor':'pointer'}">
  <td>
    <a ng-class="{'texte': a>0}">a</a>
  </td>
  <td align="right">{{a}}</td>
</tr>

<script>
  var startSearch = function (row, name, a) { //or try with ng-disabled instead 
    if (a <= 0)
      return;
      ...
  }
</script> 

答案 1 :(得分:0)

您在此行有一个错误:ng-if="a= 0",实际上我们使用 = 影响变量的值,并使用 == 检查相等性。

因此此行应为ng-if="a == 0"