时间戳

首页 > 解决方案 > HTML AngularJS 中的条件

html - HTML AngularJS 中的条件

问题描述

我的代码有一个小问题，我使用角度和 HTML，当我的“a> 0”我的行变得可点击并调用一个函数时，如果我的“a = 0”我必须显示不可点击，我知道我的“a”已经恢复，我尝试使用 ng-if 但我认为我没有正确的语法

我说法语，这条消息是由谷歌翻译的，如果我犯了错误，我很抱歉

当 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>

我知道这并不多，我只是想了解我的错误，谢谢

标签： htmlangularconditional

解决方案

另外，我不确定您是否需要两个 ng-if 。你可以使用ng-class, ng-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>

推荐阅读