angular.js - angularjs 使用ng-hide的问题。
问题描述
<p ng-hide=“{{item.amount}}=0” ng-repeat=“item in items track by $index”>具体内容</p>
item.amount就是商品的数量,点击 - 的时候会动态修改这个图是具体要应用的场景,在点击 - 时,当等于0的时候需要隐藏掉这个p,现在的情况是 刷新页面或者跳转后再过来能隐藏掉,但是在点击 - 的时候不能立即隐藏。请问该怎么解决,因为是ng-repeat出来的列表,ng-hide不能直接传一个布尔值,请问还有什么方法能解决么?
问题解答
回答1:用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
回答2:ng-hide=“item.amount==0”
相关文章:
1. javascript - vue 数据更新了。但是dom没有更新,,,,,如图2. python - from ..xxxx import xxxx到底是什么意思呢?3. node.js开发微信公众账号设备功能问题,求解答!!4. html表单转接到php中,网页为空白,无法显示,是怎么回事,这个问题困扰了我好几天,请求帮忙解答。5. 模块分离时header和menu的字加载出来是乱码是为什么啊?6. iframe的无限加载7. 执行composer require mews/captcha报错Your requirements8. python - 请问用cxfreeze打包的可执行程序能反编译出源码么?9. php上传文件代码不足与改进10. 如何判断数组写入数据库有重复的值