【问题标题】:conditional in HTML AngularJSHTML AngularJS 中的条件
【发布时间】:2018-12-26 12:50:12
【问题描述】:

我的代码有一个小问题,我使用 angular 和 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>

我知道这并不多,我只是想理解我的错误,谢谢

【问题讨论】:

  • 我无法准确理解您的问题,但一个问题是,在您使用ng-if="a= 0" 的情况下,它应该是ng-if="a==0"= 是赋值运算符。

标签: html angular conditional


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

    所以这一行应该是ng-if="a == 0"

    【讨论】:

      猜你喜欢
      • 2012-11-26
      • 1970-01-01
      • 1970-01-01
      • 2013-04-05
      • 2017-12-19
      • 2015-06-18
      • 1970-01-01
      • 1970-01-01
      • 2013-05-07
      相关资源
      最近更新 更多