色综合图-色综合图片-色综合图片二区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

相關文章:
主站蜘蛛池模板: 精品一区二区三区三区 | 亚洲成人免费网站 | 亚洲高清视频在线播放 | 96精品免费视频大全 | 久草综合在线观看 | 国产欧美日韩在线观看一区二区三区 | 久热国产在线视频 | 日本成人免费在线视频 | 亚洲视频黄 | 婷婷在线成人免费观看搜索 | 天堂8中文在线最新版在线 天堂8资源8在线 | 久久免费国产精品一区二区 | 欧美激情国内自拍偷 | 有码一区 | 国产精品特级毛片一区二区三区 | fc2ppv在线观看 | 一级毛片免费在线 | 国产色视频一区二区三区 | 欧美日韩亚洲综合久久久 | 欧美综合精品一区二区三区 | 给我一个可以看片的www日本 | 看一级毛片 | 九九精品国产兔费观看久久 | 亚洲国产成人精品久久 | 在线视频免费国产成人 | 可以免费观看欧美一级毛片 | 免费小视频在线观看 | 国产精品久久国产三级国电话系列 | 特级毛片全部免费播放器 | 四虎免费大片aⅴ入口 | 在线成人a毛片免费播放 | 久久综合婷婷 | 性久久久久久久 | 久久精品国产免费高清 | 欧美巨大另类极品videohd | 免费在线一区二区三区 | 久草手机在线播放 | 欧美成人看片一区二区三区尤物 | 女人国产香蕉久久精品 | 亚洲欧洲国产成人综合一本 | 久久久久久久一线毛片 |