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. 數(shù)組按鍵值封裝！2. docker不顯示端口映射呢？3. java - 阿里的開(kāi)發(fā)手冊(cè)中為什么禁用map來(lái)作為查詢(xún)的接受類(lèi)?4. java - 無(wú)法執(zhí)行該操作，因?yàn)殒溄臃?wù)器 "***" 的 OLE DB 訪問(wèn)接口 "SQLNCLI" 無(wú)法啟動(dòng)分布式事務(wù)。解決方法？5. 主題切換問(wèn)題，用過(guò)別人的webapp在后臺(tái)切換模板主題后手機(jī)端打開(kāi)網(wǎng)頁(yè)就是切換到的主題了6. javascript - 為什么創(chuàng)建多行多列的表格最后只有一行內(nèi)有表格7. javascript - 使用vue官方腳手架進(jìn)行單元測(cè)試，如何覆蓋到watch里的變量？8. clone - git sourceTree克隆倉(cāng)庫(kù)時(shí),都不停彈出Password Required彈窗,即時(shí)輸入正確的git賬號(hào)密碼還是彈出9. javascript - webpack中alias配置中的“@”是什么意思？10. html5 - 使用echarts中的圖表 一個(gè)頁(yè)面導(dǎo)入了好幾個(gè)js圖表 實(shí)現(xiàn)echarts圖表隨著瀏覽器窗口變化而變化時(shí)出現(xiàn)了問(wèn)題
網(wǎng)公網(wǎng)安備