javascript - Adición de múltiples opciones de ''requerimiento'' para la directiva angular

angularjs angularjs-directive

Question

Por lo general, en las directivas, uso require: ''ngModel'' si quiero pasarle el alcance. Esto funciona bien. Pero ahora estoy creando una directiva que crea 5 elementos HTML diferentes, cada uno con diferentes ngModels que se pasan desde el padre. Los ngmodels que deben pasarse como atributo son ngModel1, ngModel2, ngModel3, ngModel4, ngModel5 . ¿Cómo agrego múltiples opciones en la condición require dentro de la directiva?

Probé estos y no funciona:

require: [''ngModel1'', ''ngModel2'', ''ngModel3'', ''ngModel4'', ''ngModel5''],

y

require: {''ngModel1'', ''ngModel2'', ''ngModel3'', ''ngModel4'', ''ngModel5''},

y

require: ''ngModel1'', ''ngModel2'', ''ngModel3'', ''ngModel4'', ''ngModel5'',

y

require: ''ngModel1, ngModel2, ngModel3, ngModel4, ngModel5''},

¿Cómo agrego múltiples opciones de requerimiento?

EDITAR:

Código 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>

Directiva:

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
      //... .... ...

    }
  }
});

Answer 1

app.directive(''myDirective'', function() {
  return {
    restrict: "A",
    require:[''^parentDirective'', ''^ngModel''], 
    link: function ($scope, $element, $attrs, controllersArr) {
      // parentDirective controller
      controllersArr[0].someMethodCall();

      // ngModel controller         
      controllersArr[1].$setViewValue(); 
    }
  }
});