Transclude एक सेटिंग सब कुछ है कि मार्कअप में निर्देश के अंदर डाला जाता है पर कब्जा करने के कोणीय बता और उपयोग करने के लिए है इसे कहीं (कहाँ वास्तव में ng-transclude
पर है) के निर्देश के टेम्पलेट में। के तहत इस बारे में और पढ़ें, एक निर्देश बनाना जो अन्य तत्वों को अनुभाग documentation of directives पर लपेटता है।
आप एक कस्टम निर्देश लिखते हैं तो आप बिंदु चिह्नित करने के लिए निर्देश टेम्पलेट में एनजी-transclude का उपयोग जहां आप अपने मार्कअप में रखते हैं तत्व
angular.module('app', [])
.directive('hero', function() {
return {
restrict: 'E',
transclude: true,
scope: { name:'@' },
template: '<div>' +
'<div>{{name}}</div><br>' +
'<div ng-transclude></div>' +
'</div>'
};
});
की सामग्री को सम्मिलित करना चाहते हैं
सुपरमैन
:
<hero name="superman">Stuff inside the custom directive</hero>
ऐसा लगता है कि तब दिखाई देते हैं कस्टम के निर्देश अंदर
सामग्री
पूर्ण उदाहरण:
Index.html
<body ng-app="myApp">
<div class="AAA">
<hero name="superman">Stuff inside the custom directive</hero>
</div>
</body>
jscript.js
angular.module('myApp', []).directive('hero', function() {
return {
restrict: 'E',
transclude: true,
scope: { name:'@' },
template: '<div>' +
'<div>{{name}}</div><br>' +
'<div ng-transclude></div>' +
'</div>'
};
});
Output markup
कल्पना:
स्रोत
2014-07-13 17:48:01
यह मूल रूप से विशेष HTML टैग या निर्देश के लिए जो भी आप डालने के लिए एक अंकन बिंदु है। इसे निर्देश के साथ प्रयोग करें और आप इसे बेहतर समझेंगे। –