angular.js - angularjs 使用ng-hide的问题。-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - angularjs 使用ng-hide的问题。

某草草 2017-05-15 16:56:13

[AngularJS讨论组]

964

<p class="原有的class" ng-hide=“{{item.amount}}=0” ng-repeat=“item in items track by $index”>
具体内容
</p>

item.amount就是商品的数量，点击 - 的时候会动态修改
这个图是具体要应用的场景，在点击 - 时，当等于0的时候需要隐藏掉这个p，现在的情况是刷新页面或者跳转后再过来能隐藏掉，但是在点击 - 的时候不能立即隐藏。请问该怎么解决，因为是ng-repeat出来的列表，ng-hide不能直接传一个布尔值，请问还有什么方法能解决么？

某草草

全部回复(2)

天蓬老师2017-05-15 16:58:13 2楼

用ng-hide="item.amount==0"

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.items = [{amount:0}];
  
  $scope.minus = function(){
    --$scope.items[0].amount;
  }
});

  <body ng-controller="MainCtrl">
    <p ng-hide="item.amount==0" ng-repeat="item in items track by $index">
      {{item.amount}}
    </p>
    <button ng-click="minus()">-</button>
  </body>

http://plnkr.co/edit/7KeNE5BtMJvRmjrafcr0

赞 +0

添加回复

某草草2017-05-15 16:58:13 1楼

ng-hide=“item.amount==0”

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>