亚洲免费在线视频-亚洲啊v-久久免费精品视频-国产精品va-看片地址-成人在线视频网

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

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

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

相關文章:
主站蜘蛛池模板: 五月色婷婷综合开心网4438 | 国产免费网 | 在线日韩视频 | 色资源二区在线视频 | 欧美在线a级高清 | 国产亚洲网站 | 国产精品7m凸凹视频分类大全 | 超91在线 | 亚洲一级毛片中文字幕 | 特色毛片 | www.日本高清.com | 99国产精品热久久久久久夜夜嗨 | 国产91精品一区 | 手机看片日韩日韩 | 亚洲国产欧美一区二区欧美 | 毛片在线播放网址 | 免费成人 | 中国黄色网址大全 | 久久午夜鲁丝片午夜精品 | 韩日一级视频 | 免费人成在观看 | 国产高清美女一级a毛片久久 | 亚洲国产精品久久久久久网站 | 91久久精品青青草原伊人 | 成人国产在线24小时播放视频 | 免费看黄色的网址 | 在线小毛片| 久久久精品免费观看 | 国产精品一一在线观看 | 狠狠色噜狠狠狠狠色综合久 | 天干天干天啪啪夜爽爽色 | 亚洲日本在线看片 | 一本色道久久综合亚洲精品加 | 亚洲国产国产综合一区首页 | 99久久精品免费看国产一区二区 | 91精品一区二区综合在线 | 三级毛片三级毛片 | 国产一级做a爰片久久毛片99 | a级国产乱理伦片在线观看 a级国产乱理伦片在线观看99 | 久久久久久尹人网香蕉 | 日本一级特大毛片 |