कैसे कोणीय प्रलेखन वेबसाइट पर एक निर्देश लिंक

Question

तो भीतर माता पिता दायरे तक पहुँचने के लिए, आप को परिभाषित कर सकते टोबियास और जेफ

angular.module('docsTransclusionExample', []) 
.controller('Controller', ['$scope', function($scope) { 
    $scope.name = 'Tobias'; 
}]) 
.directive('myDialog', function() { 
    return { 
    restrict: 'E', 
    transclude: true, 
    scope: {}, 
    templateUrl: 'my-dialog.html', 
    link: function (scope, element) { 
     scope.name = 'Jeff'; 
    } 
    }; 
}); 

यदि आप नाम है {{नाम}} यह

कहूँगा

The name is Tobias 

मैं लिंक फ़ंक्शन में टोबीस तक पहुंचने का प्रयास कर रहा हूं। लिंक फ़ंक्शन के अंदर से, मुझे $ scope.name मान Tobias के बराबर कैसे मिलेगा?

Answer 1

आप दायरे से $ मूल प्रॉपर्टी का उपयोग करना होगा:

scope.$parent.name = 'Jeff'; 

Answer 2

के बाद गुंजाइश scope: {}, निर्देश अलग है एक नए बच्चे गुंजाइश पैदा करता है। इस मामले में अभिभावक स्कोप संपत्ति तक सीधे पहुंचने का एकमात्र तरीका दायरे $parent का उपयोग करना है, जो मूल दायरे के ऑब्जेक्ट के संदर्भ में है। उदाहरण के लिए:

link: function(scope, element) { 
    scope.name = 'Jeff'; 
    scope.parentName = scope.$parent.name; // Tobias 
} 

हालांकि यह आदर्श नहीं है। तुम क्यों कुछ इस तरह चाहेगा मैं बस सोच रहा हूँ

scope: { 
    parentName: '=name' 
} 

Answer 3

:

<my-dialog name="name"></my-dialog> 

और के रूप में एक गुंजाइश विन्यास को परिभाषित: यही कारण है कि आप और अधिक लचीला दृष्टिकोण पर विचार कर सकते है।

इस तरह आप नियंत्रक और निर्देश के बीच एक निर्भरता बना रहे हैं जो मौजूद नहीं होना चाहिए।

यदि आपको अपने निर्देश पर इनपुट डेटा की आवश्यकता है, तो इसे स्पष्ट रूप से घोषित करें।

Answer 4

जैसा कि आपने transclude:true का उपयोग किया है, तो यदि आपके पास कोई स्थानीय चर नहीं है तो आप scope:{} निकाल सकते हैं। scope:{} डालना समझ में नहीं आता है।

तो घोषणा

angular.module('docsTransclusionExample', []) 
.controller('Controller', ['$scope', function($scope) { 
    $scope.name = 'Tobias'; 
}]) 
.directive('myDialog', function() { 
    return { 
    restrict: 'E', 
    transclude: true, 
    templateUrl: 'my-dialog.html', 
    link: function (scope, element) { 
     // scope.name = 'Jeff'; 
     // if name is in your parent scope, you should be able to get it here 
     console.log(scope.name); 
    } 
    }; 
}); 

निम्नलिखित क्या आप ng-transclude निर्देश इस्तेमाल किया गया है देखेंगे टेम्पलेट को देखें, तो जैसा होगा, इसका मतलब है जहां टेम्पलेट में माता पिता के दायरे के चर वहाँ इस्तेमाल किया जाएगा। उम्मीद है कि यह समझ में आता है।

Answer 5

आप इस तरह $ माता पिता के माध्यम से इसे प्राप्त कर सकते हैं:

link: function (scope, element) { 
    scope.name = 'Jeff'; 
    console.log(scope.name); 
    console.log(scope.$parent.name); 
}