每一行作为一个订单商品详情 选择商品填充商品名称,价格 数量默认为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'
重复