根据Angular中的值更改了有界值

时间:2014-10-15 09:08:45

标签: angularjs binding xmlhttprequest angularjs-ng-repeat

我对来自$ http请求的数组进行了ng-repeat。我有一个设置来显示我的网站上的数组的所有细节。

<div ng-repeat="i in data">
  <h2 id="price">€ {{i.total_price.EUR}}</h2>
  <div class="col-md-12" >
     {{i.changes}}
  </div>
</div>

data是请求中数组的名称。 i.changes给了我一个号码。但是,我希望i.changes输出这个数字,除非数字为0,然后我希望它输出&#39; none&#39;而不是0.我将如何进行?

2 个答案:

答案 0 :(得分:5)

你可以使用这样的东西,

<div ng-repeat="i in data">
  <h2 id="price">€ {{i.total_price.EUR}}</h2>
  <div class="col-md-12" >
      {{ (i.changes==0 ? 'none' : i.changes) }}
  </div>
</div>

如果0获得i.changes,请与(i.changes==0)核对,如果i.changes==0返回true,则会打印none否则会打印i.changes 1}}值

答案 1 :(得分:2)

<div ng-repeat="i in data">
  <h2 id="price">€ {{i.total_price.EUR}}</h2>
  <div class="col-md-12" >
     {{i.changes}}
  </div>
</div>

更改为:

<div ng-repeat="i in data">
  <h2 id="price">€ {{i.total_price.EUR}}</h2>
  <div class="col-md-12" ng-if="i.changes > 0">
     {{i.changes}}
  </div>
  <div class="col-md-12" ng-if="i.changes == 0">
     None
  </div>
</div>

这是我的头脑,所以可能会有一些拼写错误。