Angular.js: $parent.$index ng-if . का उपयोग करते समय खो गया

को निर्मित 10 सित॰ 2015 · 3टिप्पणियाँ · स्रोत: angular/angular.js

मेरा एचटीएमएल कोड

 <div>
 <उल>
 <li ng-repeat='parentItem inarr1'>
 <div ng-repeat='childItem inarr2'>
 {{ $parent.$index }} , {{ $index }}
 </div>
 </li>
 </ul>
 </div>

नियंत्रक के अंदर जावास्क्रिप्ट कोड

 $scope.arr1 = [1,2];
 $scope.arr2 = [1,2];

यह कोड मुझे सही उत्तर दे रहा है

लेकिन अगर मैं चाइल्ड लूप में ng-if="true" का उपयोग करता हूं तो यह मुझे गलत जवाब दे रहा है

 <div>
 <उल>
 <li ng-repeat='parentItem inarr1'>
 <div ng-repeat='childItem inarr2' ng-if="true">
 {{ $parent.$index }} , {{ $index }}
 </div>
 </li>
 </ul>
 </div>

यह गलत था। यह पैरेंट इंडेक्स को चाइल्ड इंडेक्स में बदल देता है

कृपया इस मुद्दे को ठीक करें

स्रोत

kishanmundha

सबसे उपयोगी टिप्पणी

यह कोणीय में कोई मुद्दा नहीं है। ऐसा होता है ( दस्तावेज के रूप में ), क्योंकि ngIf एक नया दायरा बनाता है, इसलिए $parent बाहरी ngRepeat के दायरे को संदर्भित नहीं करता है।

इसलिए यहां $parent का उपयोग करना एक अच्छा अभ्यास नहीं है। आप ngInit का उपयोग मूल अनुक्रमणिका का उपनाम बनाने के लिए कर सकते हैं, जैसे:

<li ng-repeat="parentItem in arr1" ng-init="parentIdx = $index">
  <div ng-repeat="childItem in arr2" ng-if="true">
    {{ parentIdx }} , {{ $index }}
  </div>
</li>

डेमो

gkalpak 10 सित॰ 2015

👍4

सभी 3 टिप्पणियाँ

<li ng-repeat="parentItem in arr1" ng-init="parentIdx = $index">
  <div ng-repeat="childItem in arr2" ng-if="true">
    {{ parentIdx }} , {{ $index }}
  </div>
</li>

डेमो

gkalpak 10 सित॰ 2015

👍4

BTW, यह एक सामान्य समर्थन प्रश्न है। इस तरह के प्रश्नों को उपयुक्त चैनलों को निर्देशित किया जाना चाहिए।
गिटहब मुद्दे बग रिपोर्ट और फीचर अनुरोधों के लिए आरक्षित हैं।

gkalpak 10 सित॰ 2015

धन्यवाद,

मैं इसे ng-init . द्वारा उपयोग कर सकता हूं

kishanmundha 10 सित॰ 2015

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स