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

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

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

瀏覽:178日期: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

相關文章:
主站蜘蛛池模板: 国产视频自拍一区 | 国产一级做a爰片久久毛片99 | 在线视频日韩精品 | 在线观看aaa | 国产一区在线免费观看 | 欧美亚洲国产片在线观看 | 亚州免费一级毛片 | 在线免费观看国产视频 | 亚洲国产成人综合 | 美女视频黄的免费看网站 | 国产黄页 | 欧美精品一区二区三区在线 | 成人免费高清视频 | 好叼操这里只有精品 | 国产成人自拍在线 | 亚洲三级免费观看 | 中文字幕在线网址 | dy888午夜国产午夜精品 | 国产一级aa大片毛片 | xxxxfreexxxx人妖| 欧美高清性刺激毛片 | 黑人边吃奶边扎下面激情视频 | 亚洲系列第一页 | 香蕉网影院在线观看免费 | 国产精品自在自线亚洲 | 最近最新中文字幕免费的一页 | 久久中文字幕免费视频 | 欧美精品xxxⅹ欧美 欧美精品不卡 | 久久99国产亚洲高清观看韩国 | 国产欧美亚洲精品 | 亚洲欧洲国产成人综合一本 | 国产成人在线网址 | 99视频国产在线 | 欧美另类丝袜 | 制服丝袜怡红院 | 日韩精品久久久免费观看夜色 | 成年性午夜免费视频网站不卡 | 在线 | 一区二区三区 | 欧美一级看片a免费观看 | 大焦伊人| 天天看片天天爽_免费播放 天天看夜夜 |