angular.js - 怎么用Angularjs 來實現(xiàn)如圖
問題描述
每一行作為一個訂單商品詳情選擇商品填充商品名稱，價格數(shù)量默認為1，價格和數(shù)量可以手動修改，總價不能修改 總價=數(shù)量*單價；
怎么綁定這個每一行的model啊
問題解答
回答1：寫了一個sample做參考:
<body ng-app='orderSum'> <table ng-controller='orderController'><thead> <tr><th>序號</th><th>數(shù)量</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
相關(guān)文章：
1. css3 - [CSS] 動畫效果 3D翻轉(zhuǎn)bug2. python - Django分頁和查詢參數(shù)的問題3. javascript - 百度echarts series數(shù)據(jù)更新問題4. MySQL客戶端吃掉了SQL注解？5. javascript - JS設(shè)置Video視頻對象的currentTime時出現(xiàn)了問題,IE,Edge,火狐,都可以設(shè)置,反而chrom卻...6. php自學(xué)從哪里開始？7. python小白的基礎(chǔ)問題 關(guān)于while循環(huán)的嵌套8. 求大神幫我看看是哪里寫錯了 感謝細心解答9. phpstady在win10上運行10. javascript - 圖片能在網(wǎng)站顯示，但控制臺仍舊報錯403 (Forbidden)
網(wǎng)公網(wǎng)安備