Обычно в директивах я использую require: 'ngModel'
, если я хочу передать ему эту область. Это прекрасно работает. Но теперь я создаю директиву, которая создает 5 разных HTML-элементов с разными ngModels, которые передаются от родителя. Ngмодели, которые должны быть переданы как атрибут ngModel1, ngModel2, ngModel3, ngModel4, ngModel5
. Как добавить несколько параметров в условие require
внутри директивы?
Я пробовал эти, и он не работает:
require: ['ngModel1', 'ngModel2', 'ngModel3', 'ngModel4', 'ngModel5'],
и
require: {'ngModel1', 'ngModel2', 'ngModel3', 'ngModel4', 'ngModel5'},
и
require: 'ngModel1', 'ngModel2', 'ngModel3', 'ngModel4', 'ngModel5',
и
require: 'ngModel1, ngModel2, ngModel3, ngModel4, ngModel5'},
Как добавить несколько параметров запроса?
EDIT:
Код HTML:
<div get-vehicles-checkbox
cars-ng-model="formData.cars"
bikes-ng-model="formData.bikes"
trucks-ng-model="formData.trucks"
van-ng-model="formData.van"
bus-ng-model="formData.bus"
></div>
Директива
app.directive('getVehiclesCheckbox', function($compile) {
return {
restrict: 'A',
replace:true,
// require: ?
scope: {
carsNgModel: '=',
bikesNgModel: '=',
trucksNgModel: '=',
vanNgModel: '=',
busNgModel: '='
},
controller: 'SomeController',
link: function(scope, element, attrs, carsNgModel, bikesNgModel, trucksNgModel, vanNgModel, busNgModel) {
scope.carsNgModel = {},
scope.bikesNgModel = {},
scope.trucksNgModel = {},
scope.vanNgModel = {},
scope.busNgModel = {}
var html = '<span ng-repeat="car in cars">' +
'<input type="checkbox" ng-model="carsNgModel[car.code]"> {{ car.number }} {{ car.description }}' +
'</span>' +
'<span ng-repeat="bike in bikes">' +
'<input type="checkbox" ng-model="bikesNgModel[bike.code]"> {{ bike.number }} {{ bike.description }}' +
'</span>';
//.... etc.. etc.....
// COMPILE HTML
//... .... ...
}
}
});