色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

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

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

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

相關文章:
主站蜘蛛池模板: 国产一区二区三区免费在线视频 | 国产精品久久久99 | 亚洲视频aaa| 亚洲国产成人九九综合 | 亚洲影院手机版777点击进入影院 | 性欧美美国级毛片 | 亚洲欧洲一区二区三区在线 | 神马午夜在线 | 亚洲精品成人一区 | 午夜视频一区二区三区 | 国产精品一区在线免费观看 | 国产精品久久不卡日韩美女 | 欧美成性色 | 日韩久久影院 | 久草视频免费在线看 | 中文字幕一区二区三区 精品 | 手机看片午夜 | 久久精品一区二区三区不卡牛牛 | 美女视频黄a视频免费全程 美女视频黄a视频免费全过程 | 欧美日本在线三级视频 | 91欧美在线| 一级片在线观看视频 | 国产精品国产亚洲精品不卡 | 国产欧美日韩在线不卡第一页 | 欧日韩美香蕉在线观看 | 欧美级毛片 | 国产精品2020| 成人毛片免费观看视频 | 国产不卡毛片 | 国产韩国精品一区二区三区 | 91www成人久久 | 欧美一区二区三区激情视频 | 亚洲综合第一欧美日韩中文 | aaaaaa精品视频在线观看 | 国产在视频线在精品 | 欧美日韩免费一区二区在线观看 | 久久免费特黄毛片 | 欧美视频一二三区 | 欧美日韩视频在线第一区二区三区 | 亚州色吧 | 亚洲精品国产一区二区在线 |