每一行作為一個訂單商品詳情 選擇商品填充商品名稱,價格 數量預設為1,價格和數量可以手動修改,總價不能修改 總價=數量*單價;
怎麼綁定這個每一行的model啊
寫了一個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>
ng-repeat + array.push({id:1,name:'',price:0,num:0})
ng-repeat='x 在陣列中'
ng-model='x.num'
ng-model='x.price'
ng-bind='x.num * x.price'
重複
寫了一個sample做參考:
ng-repeat + array.push({id:1,name:'',price:0,num:0})
ng-repeat='x 在陣列中'
ng-model='x.num'
ng-model='x.price'
ng-bind='x.num * x.price'
重複