Ajout de Plusieurs "requiert" Options Angulaire de la Directive

Généralement dans les Directives, j'utilise require: 'ngModel' si je veux passer la portée. Cela fonctionne très bien. Mais je suis en train de créer une directive qui crée 5 différents éléments HTML, chacun avec différentes ngModels qui est transmise du parent. Le ngmodels qui doit être transmise comme attribut sont ngModel1, ngModel2, ngModel3, ngModel4, ngModel5. Comment puis-je ajouter plusieurs options dans le require condition à l'intérieur de la directive?

J'ai essayé ces et il ne marche pas:

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

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

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

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

Comment puis-je ajouter de multiples nécessitent des options?

EDIT:

Code 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>

Directive:

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

    }
  }
});

Les docs disent: require: ['^parentDirectiveName', '?optionalDirectiveName', '?^optionalParent']
Attendez, pouvez-vous nous montrer ton code html? J'ai le sentiment que vous n'utilisez pas ce la bonne manière.
Merci @JoseM, j'ai ajouté un exemple de code html et de la directive de code dans ma question ci-dessus. Je connais une autre méthode pour moi sera d'avoir directive distincte pour chaque véhicule, mais je veux avoir tout-en-1 pour éviter la redondance.
Le require option permet de ne pas permettre l'accès; il donne accès à d'autres directives " contrôleurs. Puisque vous semblez avoir tout à l'intérieur d'une directive, il me semble inutile ici.
Bien que vous avez mal compris la raison de l'utilisation de la fonction, votre question est toujours valide. J'ai la situation où j'ai besoin d'accéder à de multiples directive méthodes de contrôleur. Je peux accéder à une méthode d'un parent de la directive à l'aide de l'exiger comme: 'demandent:"^parentDirective" mais j'ai aussi besoin d'accéder à une méthode dans une autre directive, la documentation dit d'utiliser un tableau de chaînes de caractères comme suit: exigent": ["^parentDirective","directiveTwo"]' mais cela entraîne des erreurs, bien que les deux directives ont été compilés pour les DOM. Suis-je manqué quelque chose?

OriginalL'auteur Neel | 2014-05-06

29
```
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(); 
    }
  }
});
```
Par la manière, l'ajout d'un ? juste après le ^ ou ^^ fera le besoin de "facultatif" et angulaire ne sera pas lever une erreur si elle n'est pas requis de la directive. Tout ce que vous devez faire est de définir un if() sur le lien de l'argument du contrôleur et vous avez une option de besoin.
J'en ai donc conclu, comme vu dans les commentaires sur l'OP, ils n'ont pas vraiment besoin require, est-ce vrai?

OriginalL'auteur Shashank Singh

Vous devez vous connecter pour publier un commentaire.