angular.js - angular directive中需要依赖多个model怎么办？

Question

刚开始使用angular假如编写的directive同时需要require多个model怎么办？

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];
                //这样就可以访问依赖指令的控制器了
            }
        };
    });