Bir Ebeveyn Denetleyicisine gereksinim duyulması için Direktifte "gereksinim" ifadesinin kullanılması

Question

Bir ana denetleyiciyi (yönerge değil) "gerektirme" ye çalışıyorum ancak AngularJS bir istisna döndürüyor. Kod şu şekildedir:

js

app.controller("myController", function ($scole) { 
    ... 
}); 

app.directive("myDirective", function ($q) { 
    return { 
     require: "^myController", 
     template: "", 
     link: function (scope, element, attrs, myCtrl) { 
      ... 
     } 
    }; 
}); 

HTML

<div ng-controller="myController as myCtrl"> 
    ... 
     <div my-directive>...</div> 
    ... 
</div> 

Hata

Error: [$compile:ctreq] Controller 'myController', required by directive 'myDirective', can't be found!

Neden?
Belki, require özelliği yönergesi yönergesine başvuruda bulunmalıdır?

Teşekkür

Answer 1

başka yönergede diğer direktifler denetleyicileri kullanmanın olduğunu gerektir, aşağıdaki örneği

var App = angular.module('myApp',[]); 

//one directive 

App.directive('oneDirective',function(){ 

    return { 
     restrict: 'E', 
     controller:function($scope){ 

     $scope.myName= function(){ 
      console.log('myname'); 
      } 

     } 
    } 

}); 

    //two directive 

    App.directive('twoDirective',function(){ 

    return { 
     require:'oneDirective' //one directive used, 
     link : function(scope,ele,attrs,oneCtrl){ 
     console.log(oneCtrl.myName()) 
    } 

    } 

    }) 

Answer 2

Notasyon require: "^myController" senin direktifi my-controller nitelik veya <my-controller> etiketi olarak atası etiketlerinden bazılarını başka direktif myController denilen ve tanımlanmış erişmeye çalışacağı anlamına gelir. Sizin durumunuzda böyle bir direktifiniz yok, dolayısıyla istisna.

Bu Yapmaya çalıştığınız ne çok geleneksel değil, ama sen gerçekten sizin yönergede dış denetleyici gerektiren istiyorsanız ngController gerektirebilir:

app.directive("myDirective", function($q) { 
    return { 
     require: "^ngController", 
     template: "", 
     link: function(scope, element, attrs, myCtrl) { 
      // ... 
      console.log(myCtrl); 
     } 
    }; 
}); 

Ancak bu çok iyi bir fikir değildir . Buna neden ihtiyacın olabileceğini hayal bile edemiyorum. scope yapılandırma özelliklerine bakmanızı ve çalıştırılabilir işlev referanslarını dış denetleyicinizden yönergelerinize nasıl geçirebileceğinizi öneririm.

scope: { 
    someCallback: '&' 
} 

nerede denetleyicisi size $scope.test = function() {}; olurdu:

<div my-directive some-callback="test()"></div> 

ve yönergede

kapsamını tanımlar. Daha sonra direktifte açıkça kontrolöre gerek duymayacaksınız.