国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

angular.js - angular js點(diǎn)擊按鈕隱藏選中元素

瀏覽:178日期:2024-09-16 14:08:38

問題描述


如何點(diǎn)擊按鈕就刪除選中元素?<p ng-app='myApp' ng-controller='myCon'>

<p class='headerW'><p class='header'> 購(gòu)物車(2) <span ng-click='remove($index)'></span> <br clear='all'/></p> </p> <p class='mainbody'><ul> <li ng- ng-hide='x.li_hide' ng-repeat='x in products_mes'><p class='li_center'> <p ng-click='toggleC($index)'></p> <p class='goods_part'><p class='rightbox'> <p class='goods_content'>{{x.content}}</p> <p class='price_area'><span class='new_money'>{{x.newMoney}}</span><span class='old_money'>{{x.oldMoney}}</span><span class='conter'> <span class='remove_btn'>-</span><input type='number' class='' value='1'/><span class='add_btn'>+</span> <br clear='all'/></span> </p></p> </p> <br clear='all'/></p> </li><li ng-hide='sw'><p class='li_center'> <p class='select_btn'></p> <p class='lose'>失效</p> <p class='goods_part'><p class='rightbox'> <p class='goods_content'>嬌韻詩(shī)清透潤(rùn)白柔膚水清爽型200ml</p> <p class='price_area'><span class='new_money'>¥390.00</span><span class='old_money'>¥420.00</span><span class='conter'> <span class='remove_btn'>-</span><input type='number' class='' value='1'/><span class='add_btn'>+</span> <br clear='all'/></span> </p></p> </p> <br clear='all'/></p></li><script>var app=angular.module('myApp',[]);app.controller('myCon',function($scope){ $scope.sw=false;$scope.disappear=function(){ $scope.sw=true;};$scope.products_mes=[{onSw:false,content:'嬌韻詩(shī)清透潤(rùn)白柔膚水清爽型200ml',newMoney:'¥390.00',oldMoney:'¥420.00',products_img:'img/product.png' },{onSw:false,content:'嬌韻詩(shī)清透潤(rùn)白柔膚水清爽型100ml',newMoney:'¥390.00',oldMoney:'¥420.00',products_img:'img/product.png' }];$scope.products_mes.onSw=false;$scope.toggleC=function($index){$scope.products_mes[$index].onSw=!$scope.products_mes[$index].onSw;var index = $scope.products_mes.indexOf($index);if($scope.products_mes[$index].onSw){} }; $scope.delProds =[]; });


</script> 點(diǎn)擊.trash_can按鈕隱藏選中的li標(biāo)簽angular.js - angular js點(diǎn)擊按鈕隱藏選中元素


問題解答


回答1:

建一個(gè)空數(shù)組 用來(lái)存放你需要?jiǎng)h除數(shù)據(jù)的index 例如delProds


在你的checkbox上加上ng-click觸發(fā)時(shí)判斷為true的時(shí)候就把這個(gè)產(chǎn)品的index push到delProds數(shù)組為false的時(shí)候從delProds里面刪除


然后在點(diǎn)擊刪除按鈕的時(shí)候把對(duì)應(yīng)序號(hào)的數(shù)據(jù)都刪除掉就可以了


回答2:

用splice(),比如products_mes.splice(下標(biāo),1) 可以刪除數(shù)組的某一項(xiàng)


回答3:

$scope.remove = function(idx) { $scope.products_mes.splice(idx, 1);}回答4:


var index = products_mes.indexOf(data);products_mes.splice(index,1);data:為選中的那個(gè)對(duì)象


回答5:

splice

相關(guān)文章:
主站蜘蛛池模板: 国产精品久久久久久久久久久搜索 | 欧美成人做性视频在线播放 | 波多野结衣一区在线观看 | 国产精品欧美亚洲韩国日本不卡 | 国产成人精品曰本亚洲78 | 国产成人午夜片在线观看 | 日韩视频国产 | 永久免费毛片手机版在线看 | 欧美国产91| 黄色三级毛片 | 国产日韩欧美精品一区二区三区 | 久久久久久久久久久大尺度免费视频 | 91精品自在拍精选久久 | 欧美成人xxxx | 日韩麻豆| 欧美一级毛片生活片 | 久久精品高清视频 | 亚洲成人在线播放 | 久久88综合| 欧美a级完整在线观看 | 免费国产成人高清在线观看不卡 | 国产成人精品日本亚洲专区6 | 一级做a爰片久久毛片美女 一级做a爰片久久毛片免费看 | 成人久久18免费网站 | 337p粉嫩大胆噜噜噜鲁 | 日本一级毛片在线看 | 欧美 在线 成 人怡红院 | 日韩一区二区三区不卡视频 | 毛片免费观看日本中文 | 一区中文字幕 | 97在线观看 | 99久久精品毛片免费播放 | 国产视频自拍偷拍 | 免费久 | 国产精品福利午夜h视频 | 欧美亚洲综合网 | 久草欧美 | 一区二区三区亚洲视频 | 日本亚洲欧美在线 | 澳门毛片免费观看 | 久久99久久 |