माता-पिता नियंत्रक

Question

की आवश्यकता के लिए निर्देश में "आवश्यकताएं" का उपयोग करने के लिए मैं एक अभिभावक नियंत्रक (निर्देश नहीं) "की आवश्यकता" करने की कोशिश करता हूं लेकिन AngularJS एक अपवाद देता है। कोड इस तरह है:

जे एस

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

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

एचटीएमएल

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

त्रुटि

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

क्यों?
शायद, require संपत्ति निर्देशक के नियंत्रक के संदर्भ में होना चाहिए?

धन्यवाद

Answer 1

आवश्यकता होती है एक और निर्देश में अन्य निर्देशों नियंत्रकों का उपयोग करने का है, नीचे दिए गए उदाहरण

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

संकेतन require: "^myController" मतलब है कि आपके निर्देश my-controller विशेषता या <my-controller> टैग के रूप में पूर्वज टैग में से कुछ पर एक और निर्देश myController कहा जाता है और परिभाषित का उपयोग करने की कोशिश करेंगे। आपके मामले में आपके पास ऐसा निर्देश नहीं है, इसलिए अपवाद।

यह बहुत पारंपरिक आपको बस इतना करना कोशिश कर रहे हैं नहीं है, लेकिन आप ngController की आवश्यकता कर सकते हैं वास्तव में अपने निर्देश में बाहरी नियंत्रक की आवश्यकता करना चाहते हैं:

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

बहरहाल, यह बहुत अच्छा विचार नहीं है । मैं कल्पना नहीं कर सकता कि आपको इसकी आवश्यकता क्यों हो सकती है। मैं scope कॉन्फ़िगरेशन गुणों और बाहरी नियंत्रक से अपने निर्देश में निष्पादन योग्य फ़ंक्शन संदर्भों को कैसे पारित कर सकता हूं, इसे देखने की अनुशंसा करता हूं।

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

और निर्देश में दायरे को परिभाषित:

scope: { 
    someCallback: '&' 
} 

जहां नियंत्रक में आप $scope.test = function() {}; होगा। फिर आपको निर्देश में स्पष्ट रूप से नियंत्रक की आवश्यकता नहीं होगी।