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. linux - 編譯安裝mysql 5.6.232. angular.js - vue中類似于angular的ng-change的指令是？3. android - 使用vue.js進行原生開發如何進行Class綁定4. node.js - 微信的自動回復問題5. html5 - 在一個頁面中 初始了兩個swiper 不知道哪里錯了 一直不對6. css3 - 請問一下在移動端CSS布局布局中通常需要用到哪些元素，屬性？7. PHP能實現百度網盤的自動化么？8. 網頁爬蟲 - python requests爬蟲，如何post payload9. node.js - vue服務端渲染如何部署到線上10. 如何把3個不同的MySQL數據庫數據整合到一個MySQL數據庫中？
網公網安備