कस्टम AngularJS निर्देशों के लिए 'प्रतिस्थापन' सुविधा का उपयोग कैसे करें?



Answers

replace:true अस्वीकृत है

डॉक्स से:

replace ([DEPRECATED!], अगली बड़ी रिलीज में हटा दिया जाएगा - यानी v2.0)

निर्दिष्ट करें कि टेम्पलेट को प्रतिस्थापित करना चाहिए। false लिए डिफ़ॉल्ट।

  • true - टेम्पलेट निर्देशक के तत्व को प्रतिस्थापित करेगा।
  • false - टेम्पलेट निर्देशक के तत्व की सामग्री को प्रतिस्थापित करेगा।

- AngularJS व्यापक निर्देश API

गिटहब से:

Caitp-- यह बहिष्कृत है क्योंकि वहां जाना जाता है, बहुत मूर्खतापूर्ण समस्याएं replace: true , जिनमें से कई को उचित रूप से उचित रूप से ठीक नहीं किया जा सकता है। यदि आप सावधान हैं और इन समस्याओं से बचें, तो आपके लिए अधिक शक्ति, लेकिन नए उपयोगकर्ताओं के लाभ के लिए, उन्हें केवल इतना कहना आसान है कि "यह आपको सिरदर्द देगा, ऐसा न करें"।

- कोणीय जेएस अंक # 7636

Question

इस प्रश्न का उत्तर यहां दिया गया है:

replace=true या replace=false का कोड नीचे दिए गए कोड में कोई प्रभाव क्यों नहीं है?

बदले में "कुछ मौजूदा सामग्री" प्रदर्शित क्यों नहीं की जा रही है?

या इसे अधिक नम्रता से डालने पर, क्या आप कृपया बता सकते हैं कि निर्देशों में replace=true/false विशेषता क्या है और इसका उपयोग कैसे करें?

उदाहरण

जे एस / कोणीय:

<script>
    angular.module('scopes', [])
          .controller('Ctrl', function($scope) {
                $scope.title = "hello";

          })
          .directive('myDir', function() {
            return {
              restrict: 'E',
              replace: true,
              template: '<div>{{title}}</div>'
            };
      });
</script>

HTML:

<div ng-controller="Ctrl">
    <my-dir><h3>some existing content</h3></my-dir>
</div>

इसे प्लंकर में यहां देखें:

http://plnkr.co/edit/4ywZGwfsKHLAoGL38vvW?p=preview




Links