angulaire.js - Que dois-je faire si une directive angulaire doit dépendre de plusieurs modèles ?

Question

Que dois-je faire si j'écris une directive qui nécessite plusieurs modèles en même temps lorsque je commence à utiliser Angular ?

Answer 1

Je vais vous donner un morceau de code que j'utilise actuellement comme référence :

directive :

javascriptangular.module('imageupload', []).directive('myCustomer', function() {
  return {
    restrict: 'A',
    scope: {
        image: '=',
        resizeMaxHeight: '@?',
        resizeMaxWidth: '@?',
        resizeQuality: '@?',
        resizeType: '@?',
        selectedfile: '&onFileSelected'
    },
    link: function postLink(scope, element, attrs, ctrl) {
    }
  };
});

html

html<input type="file"
       name="file"
       class="upload"
       id="inputImage2"
       accept="image/*"
       image="image2"
       resize-max-height="300"
       resize-max-width="250"
       resize-quality="0.5" on-file-selected="transferedImage(imageResult)"/>

Answer 2

La personne à l'étage n'a pas compris le sens de la question. Il voulait dire qu'une instruction nécessite plusieurs instructions. En fait, c'est très simple. Il suffit de mettre l'instruction require dans un tableau :

app.directive('directveA',function(){})
    .directive('directiveB',function(){})
    .directive('directiveC',function(){
        return {
            require:['directiveA','directiveB']
            link:function(scope,element,attrs,ctrls){
                var aCtrl=ctrls[0];
                var bCtrl=ctrls[1];
                //这样就可以访问依赖指令的控制器了
            }
        };
    });