angular.js - angularjs 使用ng-hide的問(wèn)題。
問(wèn)題描述
<p ng-hide=“{{item.amount}}=0” ng-repeat=“item in items track by $index”>具體內(nèi)容</p>
item.amount就是商品的數(shù)量,點(diǎn)擊 - 的時(shí)候會(huì)動(dòng)態(tài)修改這個(gè)圖是具體要應(yīng)用的場(chǎng)景,在點(diǎn)擊 - 時(shí),當(dāng)?shù)扔?的時(shí)候需要隱藏掉這個(gè)p,現(xiàn)在的情況是 刷新頁(yè)面或者跳轉(zhuǎn)后再過(guò)來(lái)能隱藏掉,但是在點(diǎn)擊 - 的時(shí)候不能立即隱藏。請(qǐng)問(wèn)該怎么解決,因?yàn)槭莕g-repeat出來(lái)的列表,ng-hide不能直接傳一個(gè)布爾值,請(qǐng)問(wèn)還有什么方法能解決么?
問(wèn)題解答
回答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”
相關(guān)文章:
1. HTML5禁止img預(yù)覽該怎么解決?2. javascript - vue+iview upload傳參失敗 跨域問(wèn)題后臺(tái)已經(jīng)解決 仍然報(bào)403,這是怎么回事啊?3. python - django 按日歸檔統(tǒng)計(jì)訂單求解4. objective-c - 從朋友圈跳到我的APP 如何實(shí)現(xiàn)?5. 百度地圖api - Android 百度地圖 集成了定位,導(dǎo)航 相互的jar包有沖突?6. 網(wǎng)頁(yè)爬蟲(chóng) - python爬蟲(chóng)用BeautifulSoup爬取<s>元素并寫入字典,但某些div下沒(méi)有這一元素,導(dǎo)致自動(dòng)寫入下一條,如何解決?7. javascript - vscode alt+shift+f 格式化js代碼,通不過(guò)eslint的代碼風(fēng)格檢查怎么辦。。。8. 請(qǐng)教一個(gè)python字符串處理的問(wèn)題?9. sql語(yǔ)句 - mysql中關(guān)聯(lián)表查詢問(wèn)題10. 怎么可以實(shí)現(xiàn)在手機(jī)瀏覽器看到鏈接的title屬性,就是鼠標(biāo)放上去會(huì)有一個(gè)tip效果的
