angular.js - angular directive中需要依賴多個model怎麼辦？

Question

剛開始使用angular假如編寫的directive同時需要require多個model怎麼辦？

Answer 1

給你一段剛好在用的程式碼參考下：

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

樓上理解錯了題主的意思，他的意思是一個指令要require多個指令，其實很簡單，只要把require的指令放進數組中就行了，程式碼如下：

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