Привязка динамического флажка в angular.js

Question

Привязка динамического флажка в angular.js

0

У меня есть список вариантов, извлеченных из базы данных через json на основе выбора продукта в angular.js

Здесь пример кода:

<ion-checkbox ng-repeat="extra in extras" ng-model="order.extras" checklist-value="{{ extra.id }}"><strong>{{ extra.name }}</strong></ion-checkbox>

Я хочу, чтобы пользователь мог выбирать несколько дополнительных функций, но, похоже, не смог привязать эти варианты.

Masinde Muliro 19 апр. 2016, в 22:37

Источник

1

Может быть, с помощью ng-model="extra.model" ?
Ioan 19 апр. 2016, в 20:21
0

это сработало, спасибо, хотя я хотел, чтобы все поля формы были назначены переменной порядка
Masinde Muliro 19 апр. 2016, в 20:24

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Может быть, с помощью ng-model="extra.model" ?
это сработало, спасибо, хотя я хотел, чтобы все поля формы были назначены переменной порядка

AWolf · Accepted Answer · 2016-04-19T19-14-00.000Z

Я думаю, что он может работать с ng-model="order.extras[extra.id]" тогда вы можете отслеживать проверенные дополнения в 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>