久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

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

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

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

相關文章:
主站蜘蛛池模板: 伊人免费观看视频 | 亚洲视频1 | 91久久国产综合久久91精品网站 | 精品日韩欧美一区二区三区 | 国产精品原创av片国产免费 | 好看的一级毛片 | 亚洲精品视频在线播放 | 午夜不卡视频 | 亚洲v日韩v综合v精品v | 欧美亚洲日本 | 国产九九九 | 亚洲欧洲综合av | 国产99精品 | 国产亚洲欧美在线 | 国产女人和拘做受在线视频 | 国产精品国产精品国产专区不片 | 精品一区二区国产 | 国产精品一区二区不卡 | 在线成人免费观看www | 亚洲综合视频一区 | 一区二区三区在线播放视频 | 中文字幕视频在线观看 | 亚洲国产精品久久人人爱 | 久久成人综合 | 免费看片91| 亚洲精品乱码久久久久久蜜糖图片 | 国产精品成人3p一区二区三区 | 一区亚洲 | 国产精品久久久久久久久小说 | 亚洲午夜成激人情在线影院 | 国产一区二区在线观看视频 | 99热精品在线 | 国产精品久久国产精品99 gif | 一区二区久久 | yy6080久久伦理一区二区 | 亚洲精品专区 | 91视频免费观看 | 亚洲人人 | 二区在线视频 | 欧美高清国产 | 91成人黄色 |