AngularJS

Question

में एक अलग दायरे के बिना निर्देश स्कोप विशेषताएँ उत्तीर्ण गुणों के साथ विस्तारित करते हुए माता-पिता के दायरे को विरासत में लाने का कोई तरीका है?

मैं लिंकिंग फ़ंक्शन में डीओएम को बदलने के बिना सीधे टेम्पलेट से पुन: प्रयोज्य निर्देशों के पैरामीटर पास करना चाहता हूं।

<form-input icon="icon-email" label="email" ng-model="data.input"></form-input> 

इस तरह एक निर्देश के लिए::

उदाहरण के लिए

<div class="form-group"> 
     <label>{{label}}</label> 
     <div class="input-group"> 
     <div class="{{icon}}">@</div> 
     <input class="form-control" placeholder="Email" ng-model="mail.email"> 
     </div> 
    </div> 

एनजी मॉडल, माता पिता के दायरे में है इस मामले में एक पूरे रूप को नियंत्रित करने के लिए, लेकिन मुझे नहीं लगता कि नियंत्रक में स्टाइल गुणों को स्टोर करना आवश्यक है।

क्या अलग-अलग दायरे के बिना सीधे टेम्पलेट में पैरामीटर पास करने का कोई तरीका है?

Answer 1

आप इस तरह के मूल दायरे को 'विस्तारित' करने में सक्षम नहीं होंगे। हालांकि आपके उद्देश्य को आपके निर्देश के लिंक फ़ंक्शन में इंजेक्शन दिए गए निर्देश टैग विशेषताओं का उपयोग करके पूरा किया जा सकता है।

तो उदाहरण के लिए। अपने label चर संलग्न के लिए, अपने निर्देश के लिंक समारोह नीचे दिखाई देगा:

link: function ($scope, $element, $attributes) { 
     $scope.label = $scope.$eval($attributes.label); 
     } 

आप एक लाइव डेमो के लिए नीचे दिए गए plunker की जाँच कर सकते हैं।
http://plnkr.co/edit/2qMgJSSlDyU6VwdUoYB7?p=preview

Answer 2

answer from Angad स्थिर जोड़ने के लिए काम करेंगे, लेकिन अगर विशेषता के मान को जोड़ने के बाद बदल सकते हैं, इस अपडेट नहीं किया जाएगा। आप इस की जरूरत है, sollution संदर्भ की बजाय स्ट्रिंग के रूप में मूल्य पारित करने के लिए होगा:

$attributes.$observe('label', function(newValue){$scope.label=newValue}); 

: निर्देश में

<form-input icon="icon-email" label="{{email}}" ng-model="data.input"></form-input> 

, एक $ विशेषता पर निरीक्षण गुंजाइश चर का अद्यतन करने के लिए जोड़ अब विशेषता मान बदलते हैं तो स्कोप चर गतिशील रूप से बदल जाएगा।