[英]Binding dynamic checkbox in angular.js
我有一個列表,根據angular.js中的產品選擇通過json從數據庫中提取
這是一個示例代碼:
<ion-checkbox ng-repeat="extra in extras" ng-model="order.extras" checklist-value="{{ extra.id }}"><strong>{{ extra.name }}</strong></ion-checkbox>
我希望用戶能夠選擇多個附加功能,但似乎無法綁定這些選擇。
我認為它可以與ng-model="order.extras[extra.id]"
然后您可以在order.extras
跟蹤已檢查的額外order.extras
。
請查看下面的演示或此jsfiddle 。
angular.module('demoApp', ['ionic']) .controller('mainController', mainController); function mainController($scope) { $scope.order = {}; $scope.extras = [ { id: 0, name: 'first' }, { id: 1, name: 'second' }, { id: 2, name: 'third' } ] }
<link href="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.2.4/css/ionic.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.2.4/js/ionic-angular.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.2.4/js/ionic.bundle.js"></script> <div ng-app="demoApp" ng-controller="mainController"> <ion-content> <ion-checkbox ng-repeat="extra in extras" ng-model="order.extras[extra.id]" checklist-value="{{ extra.id }}"><strong>{{ extra.name }}</strong></ion-checkbox> current order: {{order}} </ion-content> </div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.