色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

angular.js - 怎么用Angularjs 來實現如圖

瀏覽:182日期:2024-10-13 18:48:21

問題描述

angular.js - 怎么用Angularjs 來實現如圖

每一行作為一個訂單商品詳情選擇商品填充商品名稱,價格數量默認為1,價格和數量可以手動修改,總價不能修改 總價=數量*單價;

怎么綁定這個每一行的model啊

問題解答

回答1:

寫了一個sample做參考:

<body ng-app='orderSum'> <table ng-controller='orderController'><thead> <tr><th>序號</th><th>數量</th><th>單價</th><th>總價</th> </tr></thead><tbody ng-repeat='order in orders track by $index'> <tr><td>{{ $index+1 }}</td><td><input ng-model='order.count'></td><td><input ng-model='order.price'></td><td><input readonly='true' value='{{ order.count * order.price }}'></td> </tr></tbody> </table> <script> var myApp = angular.module('orderSum',[]); myApp.controller('orderController',[’$scope’,function($scope){$scope.orders=[];$scope.orders.length=10; }]); </script></body>回答2:

ng-repeat + array.push({id:1,name:’’,price:0,num:0})

ng-repeat=’x in array’

ng-model=’x.num’

ng-model=’x.price’

ng-bind=’x.num * x.price’

回答3:

ngRepeat

相關文章:
主站蜘蛛池模板: 99久久精品免费看国产免费软件 | 美女视频全部免费 | 亚洲欧美日本视频 | 日韩在线播放视频 | 亚洲国产精品成人午夜在线观看 | 91精品国产手机 | 亚洲一级在线 | 久久精品免费观看国产软件 | 国产美女一区精品福利视频 | 中文字幕va一区二区三区 | 波多野结衣被强在线视频 | 99久久精品无码一区二区毛片 | 午夜欧美成人久久久久久 | 99这里只有精品66视频 | 亚洲国产成人在线观看 | 米奇777色狠狠8888影视 | 国产欧美久久久另类精品 | 亚洲精品综合一二三区在线 | 91色综合综合热五月激情 | 精品真实国产乱文在线 | 国产a级特黄的片子视频 | 美女大片高清特黄a大片 | 久久永久免费 | 人操人碰| 风流慈禧一级毛片在线播放 | 一级在线观看视频 | 久久99精品久久久久久久不卡 | 一级黄网站| 欧美一区二区三区视频在线 | 成人免费国产欧美日韩你懂的 | 偷拍小视频99在线 | 国产黄色小视频在线观看 | 亚洲午夜在线播放 | 另类视频一区 | 国产在线精品福利91香蕉 | 欧美整片在线 | 欧美ppp | 亚洲欧美一区二区三区久久 | 精品午夜久久网成年网 | 国内精品九一在线播放 | 亚洲一级视频在线观看 |