AngularJS ng-if और scopes

Question

मैं ng-if और scopes को समझने की कोशिश कर रहा हूं। जैसा कि मुझे पता है, एनजी-अगर एक नया बच्चा गुंजाइश बनाता है।

देखें

<input ng-model="someValue1" /> 
<div ng-if="!someCondition"> 
    <input ng-model="$parent.someValue2" /> 
</div> 

नियंत्रक

$scope.someCondition = true; 

if ($scope.someCondition) { 
    $scope.someValue2 = $scope.someValue1;   
} 

someCondition सही पर सेट किया जाता है, तो someValue2 someValue1 के रूप में ही किया जाना चाहिए: यहाँ मेरी समस्या है।

मेरी समस्या यह है कि मैं दोनों स्थितियों (सत्य या गलत) में कुछ Value2 तक नहीं पहुंच सकता। मैं इसे कैसे प्राप्त कर सकता हूं?

Answer 1

जो मुझे पता है उससे, एनजी-अगर पूरी तरह से डिस्प्ले लेवल स्टेटमेंट है। आप कुछ तत्वों को कुछ मूल्यों को देखते हुए अदृश्य/अदृश्य बनाने के लिए इसका उपयोग कर सकते हैं लेकिन मुझे नहीं लगता कि यह किसी भी प्रकार का दायरा बनाता है। आपका एचटीएमएल कोड क्या करेगा आपके माध्यमिक इनपुट की दृश्यता टॉगल करें।

आप कुछ इस तरह से जब और झूठे और सच के बीच "someCondition" परिवर्तन है, तो आप उपयोग कर सकते हैं $ बराबर मान 1 के लिए अपने मूल्य 2 स्विच देखने के लिए करना चाहते हैं:

$scope.$watch(someCondition, function(){ 
    if (someCondition){ 
    $scope.someValue1 = $scope.someValue2 
    } 
}) 

Answer 2

ngIf वास्तव में पैदा नहीं करता है प्रोटोटाइप विरासत का उपयोग कर एक नया दायरा। इसका मतलब यह है कि एनजीआईएफ स्कोप प्रोटोटाइप ऑब्जेक्ट इसके मूल दायरे का है। इसलिए यदि विशेषता इस प्रकार के दायरे के उदाहरण पर नहीं मिली है तो यह उस विशेषता के लिए प्रोटोटाइप ऑब्जेक्ट श्रृंखला में दिखाई देगी। हालांकि, एक बार जब आप दायरे के उदाहरण में एक विशेषता निर्दिष्ट करते हैं तो यह अब विशेषता के लिए इसकी विरासत श्रृंखला पर नहीं दिखेगा। जेएस में प्रयुक्त प्रोटोटाइपियल विरासत को समझाते हुए एक लिंक यहां दिया गया है। https://github.com/angular/angular.js/wiki/Understanding-Scopes#javascript-prototypal-inheritance

इसे कैसे हल करें।

जनक नियंत्रक:

$scope.data = {someValue: true}; 

बाल नियंत्रक:

$scope.data.someValue = false 

क्योंकि आपने इस पर यह के माता-पिता गुंजाइश एक विशेषता छुपा नहीं कर रहे हैं, तो आप सिर्फ माता-पिता गुंजाइश पर एक वस्तु परिवर्तनशील करते हैं कि इसमें, वास्तव में माता-पिता डेटा obj बदल जाएगा। तो आपके मामले में।

<input ng-model="data.someValue1" /> 
<div ng-if="!data.someCondition"> 
    <input ng-model="data.someValue2" /> 
</div> 

Answer 3

हाँ, ng-if एक नए बच्चे गुंजाइश

बनाता है एक ng-if में एक मॉडल संपत्ति देखने के लिए, नियम-ऑफ-अंगूठे है:

मॉडल

के रूप में स्कोप प्रयोग न करें

उदाहरण

ng-if='showStuff' //here my scope is model **INCORRECT** 
ng-if='someObject.showStuff' // ** CORRECT ** 

एनजी मॉडल में एक वस्तु संपत्ति का प्रयोग करें - तो, ​​भले ही ng-if नए बच्चे गुंजाइश बनाता है, माता पिता के दायरे में परिवर्तन करना होगा।

एक काम Plunker देखने के लिए, यहाँ देखो: http://jsfiddle.net/Erk4V/4/