मुझे एक समान समस्या का सामना करना पड़ रहा है, और ऐसा प्रतीत होता है कि बच्चे को कैसे प्रारंभ किया जाता है, और माता-पिता अपनी प्रारंभिक प्रक्रिया के हिस्से के रूप में बच्चे को कैसे अपडेट कर सकते हैं। मेरे पास ज़ोन का उपयोग करके बदसूरत वर्कअराउंड के साथ एक समान नमूना है: http://plnkr.co/edit/GI45u805pnFUtFeORnxn?p=preview , वर्कअराउंड निम्नलिखित की तरह दिख रहा है:

कंस्ट्रक्टर (निजी _ज़ोन: एनजीज़ोन) { }

ngAfterViewInit (): शून्य {
this._zone.overrideOnTurnDone(() => {
this.child.title = 'अभिभावक से शीर्षक';
});
}

यह कोई बग नहीं है, यह अपेक्षित रूप से काम करने वाले देव मोड की एक विशेषता है। enableProdMode( ) कॉल करना - ऐप को बूटस्ट्रैप करते समय अपडेटेड प्लंक देखें अपवाद को फेंकने से रोकता है।

उस ने कहा, इसे अच्छे कारण के लिए फेंका जा रहा है: संक्षेप में, परिवर्तन का पता लगाने के हर दौर के बाद, देव मोड तुरंत यह सत्यापित करने के लिए दूसरा दौर करता है कि पहले के अंत से कोई बाइंडिंग नहीं बदली है, क्योंकि यह इंगित करेगा कि परिवर्तन हो रहे हैं। परिवर्तन का पता लगाने के द्वारा ही।

आपके प्लंक में, आपके पास बाध्यकारी [attr.spinner]=isLoading , और isLoading आपके कॉल के परिणामस्वरूप this.load() , जो तब होता है जब ngAfterViewInit निकाल दिया जाता है, जो प्रारंभिक परिवर्तन का पता लगाने की बारी के एक भाग के रूप में होता है। हालांकि यह अपने आप में समस्याग्रस्त नहीं है - समस्या यह है कि this.load() एक बाइंडिंग को बदल देता है, लेकिन परिवर्तन का पता लगाने के एक नए दौर को ट्रिगर नहीं करता है, जिसका अर्थ है कि यह बाइंडिंग तब तक अपडेट नहीं होगी जब तक कि भविष्य में बदलाव का पता नहीं चलता।

मुझे अपने घटक को afterViewInit में सेटअप करने की आवश्यकता है क्योंकि मेरे पास ChildView जिसे यहां प्रारंभ किया गया है। उस परिवर्तन को isLoading करने का सही तरीका क्या है? रैप कॉल को this.load द्वारा setTimeout ?

आपको बस कुछ करने की ज़रूरत है, कुछ भी, जो उस विधि के दौरान परिवर्तन का पता लगाने के एक और दौर को ट्रिगर करता है - एक घटना उत्सर्जित करें, जो भी हो। इसे टाइमआउट में लपेटना (कतार फ्लैशबैक से एनजी 1 :-पी) एक तरीका है जो काम करेगा, लेकिन एनजी 2 में मुझे बहुत गन्दा लगता है।

यह उपयोगकर्ता के अनुकूल नहीं दिखता है। मैं उस विधि के बारे में सोचता हूं जहां मैं अपने घटक प्रारंभ को पूरा कर सकता हूं जब उसके बच्चों को परिभाषित किया जाता है और अब यह पता चला है कि इसमें कुछ कस्टम नियम हैं। मुझे लगता है कि आपको आंतरिक रूप से नए परिवर्तन का पता लगाने के लिए बाध्य करना चाहिए ताकि यह उपयोगकर्ता से ng2 के अंदर छिपा हो।

क्या आप यहां जो हासिल करने की कोशिश कर रहे हैं उसका एक और प्रतिनिधि नमूना पोस्ट कर सकते हैं? यदि यह आपकी छवि स्पिनर है, तो आप मानक बाध्यकारी का उपयोग करना बेहतर समझेंगे।

@AerisG222 ठीक यही आपके लिए है। क्या कोई कारण है कि आप इसे प्राप्त करने के लिए एक साधारण बाध्यकारी का उपयोग नहीं कर सकते हैं? ओवरराइडिंग ज़ोन व्यवहार आमतौर पर अनुशंसित नहीं होने वाला है।

@robwormald हाँ, उस स्थिति में मैं संपत्ति बाध्यकारी कर सकता था। मेरे पास वास्तविक मामले में एक और संपत्ति भी शामिल है जो थोड़ी अधिक जटिल है - कस्टम ऑब्जेक्ट्स की एक सरणी, लेकिन वह भी निश्चित रूप से संपत्ति बाध्यकारी के माध्यम से सेट की जा सकती है।

मुझे लगता है कि अगर @ViewChild जैसी कोई चीज नहीं होती, तो मुझे बहुत ज्यादा परवाह नहीं होती, क्योंकि जानकारी को पास करने का यही एकमात्र उचित तरीका होगा। हालांकि, मैं @ViewChild देखने के लिए बहुत उत्साहित था ताकि मैं कोड में घटक संदर्भों के लिए काम कर सकूं। यह मार्कअप को सरल करता है और कोड के माध्यम से अधिक नियंत्रण की अनुमति देता है, जो टाइपस्क्रिप्ट के साथ अतिरिक्त रूप से मूल्यवान है क्योंकि अधिक टूलींग समर्थन (जैसे इंटेलिजेंस और संकलन समय जांच) है। यह कंटेनर घटक को भी सरल बनाता है क्योंकि इसमें सदस्य चर को ट्रैक करने की आवश्यकता नहीं होती है, जिसका उद्देश्य केवल बच्चे के लिए राज्य के रूप में उपयोग किया जाना है।

एक और छोटी बात यह है कि जब प्रॉपर्टी बाइंडिंग सिंटैक्स का उपयोग करते हुए किसी एप्लिकेशन को देखते हैं, तो आपको यह देखने के लिए टेम्पलेट का निरीक्षण करना होगा कि अंततः डेटा का उपभोग कौन कर रहा है। कोड के माध्यम से वायर्ड होने पर यह अधिक स्पष्ट होगा।

मैंने केवल यह दिखाने के लिए कोड साफ़ किया है कि उदाहरण के लिए क्या मायने रखता है। विचार केवल स्पिनर दिखाने के लिए है जबकि छवि लोड हो रही है और फिर स्पिनर को हटा दें और छवि दिखाएं। छवि केवल तभी लोड होती है जब तत्व स्क्रीन पर दिखाई देता है।

inflate.ts

import {Component, Input, Renderer, ElementRef, AfterViewInit, ViewChild} from 'angular2/core';

@Component({
  selector: '[inflate]',
  templateUrl: './inflate.html',
  styleUrls: ['./inflate.css']
})
export class Inflate implements AfterViewInit {
  @Input('inflate') url: string;
  @ViewChild('holder') holder: ElementRef;
  isLoaded = false;
  isLoading = false;

  constructor(private renderer: Renderer) {}

  ngAfterViewInit() {
    setTimeout(_=> this.inflate()); // BUGFIX: https://github.com/angular/angular/issues/6005#issuecomment-165911194
  }

  inflate() {
    let bounds = <ClientRect>this.holder.nativeElement.getBoundingClientRect();
    if(bounds.bottom > 0 && bounds.top < window.innerHeight) {
      this.isLoading = true;
      let img = new Image();
      img.src = this.url;
      img.onload = _=> {
        this.isLoaded = true;
        this.isLoading = false;
        this.renderer.setElementStyle(this.holder,
          'background-image', 'url("' + this.url + '")');
      };
    }
  }
}

inflate.html

<image-holder #holder></image-holder>
<spinner *ngIf="isLoading"></spinner>

मुझे छवि को होस्ट में नहीं रखने की आवश्यकता है क्योंकि जब यह फेड-इन लोड पर एनीमेशन के साथ पूरा हो जाता है तो इसे होस्ट पृष्ठभूमि अस्पष्टता को प्रभावित नहीं करना चाहिए।

मुझे नेस्टेड निर्देश के साथ संभावित रूप से संबंधित समस्या मिली है।
http://plnkr.co/edit/myX2Alx9jie2q0FDIME7?p=preview
यहां मैं प्रोग्रेसबार में एनजी स्टाइल के लिए बाध्य हूं।
मैं यह साबित करने के लिए लौटने से पहले स्टाइल ऑब्जेक्ट को लॉग कर रहा हूं कि वे बराबर हैं।
मुझे ExpressionChangedAfterItHasBeenCheckedException भी मिलता है।

@ svi3c आप वास्तव में एक _भिन्न_ वस्तु लौटा रहे हैं। प्रत्येक फ़ंक्शन कॉल एक नया ऑब्जेक्ट इंस्टेंस लौटाएगा जो कि कुंजी/मानों के संदर्भ में पिछले वाले के "बराबर" है लेकिन इंस्टेंस/संदर्भों के संदर्भ में नहीं।

इस स्थिति से निपटने के कई तरीके हैं:

• एक नई प्रति वापस करने के बजाय, एक ऑब्जेक्ट इंस्टेंस में मान अपडेट करें
• ChangeDetectionStrategy.OnPush रणनीति का उपयोग करना ताकि आपका फ़ंक्शन केवल तभी लागू हो जब इनपुट में से कोई एक बदलता है, उदा: http://plnkr.co/edit/NWyVoTtkiAzqWJphLMbi?p=preview

आप https://github.com/ng-bootstrap/core/blob/master/src/progressbar/progressbar.ts को ng2 के लिए प्रोग्रेसबार निर्देश के एक अन्य उदाहरण के रूप में देखना चाह सकते हैं (बूटस्ट्रैप के HTML / CSS का उपयोग करके)

@pkozlowski-opensource बहुत-बहुत धन्यवाद!
मैंने केवल https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngstyle पढ़ा और मैं अभी तक परिवर्तन का पता लगाने की रणनीतियों पर ठोकर नहीं खा पाया। एक दम बढ़िया! :)

@ ड्रू-मूर:

आपको बस कुछ करने की ज़रूरत है, कुछ भी, जो उस विधि के दौरान परिवर्तन का पता लगाने के एक और दौर को ट्रिगर करता है - एक घटना उत्सर्जित करें, जो भी हो।

क्या आप सलाह दे सकते हैं कि ngAfterViewInit के भीतर परिवर्तन का पता लगाने को फिर से ट्रिगर करने के लिए _rect_ और _simplest_ तरीका क्या है - यह मानते हुए कि जो आवश्यक है वह एक संपत्ति है जिसे अपडेट किया जाना है। ApplicationRef.tick() यहां काम नहीं करता है क्योंकि इसके कारण 'ApplicationRef.tick को रिकर्सिवली कहा जाता है' अपवाद; केवल एक परिवर्तन पहचान को ट्रिगर करने के लिए एक घटना उत्सर्जित करना गलत लगता है (और मेरे लिए काम नहीं किया), और ऐसा ही setTimeout ।

यहां टिप्पणियों के आधार पर यह ngAfterViewInit (एक बच्चे के घटक पर निर्भरता के कारण) में एक बाध्य संपत्ति को अद्यतन करने के लिए एक काफी सामान्य आवश्यकता प्रतीत होती है, इसलिए कोणीय 2 ऐसा करने का एक आसान तरीका याद कर रहा है।

यदि ngAfterViewInit में बाउंड प्रॉपर्टी को अपडेट करना _गलत_ काम है, तो विकल्प क्या है?

यहाँ एक त्वरित है:

चुनौती:
डोम तत्व की ऊंचाई (एक निश्चित सूत्र के माध्यम से) इसकी प्रदान की गई चौड़ाई के आधार पर सेट करें।

अपेक्षा:
जब तत्व का प्रतिपादन किया जाता है, तो चौड़ाई प्राप्त करें और उसके आधार पर, इसकी ऊंचाई की गणना करें।

वास्तविकता:
सेटटाइमआउट ?!

  ngAfterViewInit() {
    window.setTimeout(() =>
      this.elementHeight = (this.nativeElement.offsetWidth * this.randomImage.dim.h) / this.randomImage.dim.w
    )
  }

@ बिरोव्स्की प्लंकर?

@zoechi यहाँ एक उदाहरण है: http://plnkr.co/edit/MML5uHEFQdL0k0TA5HtY

आप setTimeout को app/app.component.ts#21 में ngAfterViewInit जीवनचक्र हुक में टॉगल कर सकते हैं।

कस्टम ngModel valueAccessor की writeValue( newValue ) पद्धति को लागू करने का प्रयास करते समय मैंने भी कुछ इसी तरह का सामना किया है। जब मैं घटक के लिए नया वैल्यू लागू करने का प्रयास करता हूं, तो यह मुझे बताता है कि मूल्य बदल गया है (खराब तरीके से)। जैसा कि आप सभी ने पाया है, इसे एक सेटटाइमआउट () में लपेटकर इसे "ठीक" करता है; लेकिन, अच्छे तरीके से नहीं।

मेरे पास एक और उदाहरण है । यह काफी आसान है कि @HostBinding() की स्थापना की जाती है और QueryList द्वारा सूचित किया जाता है।

मेरे मुद्दे # 5950 के समान।

इसे सफाई से कैसे करें, इस पर यहां कुछ सिफारिशें।
http://stackoverflow.com/questions/34827334/triggering-angular2-change-detection-manually

हालांकि, मैं अभी भी setTimeout में लपेट रहा हूं क्योंकि मुझे उनमें से कोई भी ऐसा करने के लिए नहीं मिला जो मुझे चाहिए। ऐसा लगता है कि मैं कॉलबैक के अंत में ChangeDetectorRef.detectChanges() कर सकता हूं और सीडी को ट्रिगर कर सकता हूं .... क्या मैं कुछ भूल रहा हूँ? शायद यह आप लोगों में से एक की मदद करेगा।

मैं वीडियो तत्व के आधार पर ऑडियो संदर्भ बनाने के लिए HTML5 मीडिया स्रोत एक्सटेंशन का उपयोग कर रहा हूं, इसलिए @ViewChild की आवश्यकता है। ऑडियो संदर्भ के आधार पर मैं कुछ जानकारी प्रदर्शित करने की कोशिश कर रहा हूं, जैसे चैनलों की संख्या। हालांकि, मैं भी इस मुद्दे में भाग गया। इसे बायपास करने का सही तरीका क्या है?

@ElsewhereGames कुछ वास्तविक कोड देखे बिना बताना मुश्किल है। क्या आप प्लंकर बना सकते हैं

@zoechi मेरे पास रिपोर्ट करने के लिए एक वास्तविक बग नहीं है, केवल यह बताते हुए कि सीधे डीओएम तक नहीं पहुंच रहा है, जबकि वांछनीय है, यह हमेशा ऐसा कुछ नहीं है जिसे टाला जा सकता है ( @robwormald टिप्पणी के जवाब में)। वास्तविक एपीआई के लिए,

मैंने जनवरी में एक _ngModel_ समस्या के साथ वापस पोस्ट किया। अब, मैं फिर से _ViewChildren_ समस्या के साथ वापस आ गया हूँ। हालांकि, इनमें से कुछ अन्य उदाहरणों के विपरीत, मैं वास्तव में अपने डेमो में कुछ भी करने की कोशिश नहीं कर रहा हूं। मतलब, मेरे नियंत्रकों के पास शून्य तर्क है - यह सभी मेटा डेटा है और बाइंडिंग देखें। जैसे, मुझे यकीन नहीं है कि मेरे पास चीजों को गड़बड़ाने के लिए जगह कहां है:

http://www.bennadel.com/blog/3040-i-have-a-fundamental-गलतफहमी-की-परिवर्तन-पहचान-इन-angular-2-beta-8.htm

इसी तरह की समस्या में चल रहा है लेकिन इसके आसपास काम करने के लिए कोड को फिर से लिख सकता है। मुझे @bennadel पोस्ट के साथ अच्छी हंसी

https://github.com/angular/angular/issues/6618

अब तक हमेशा इसे हल करने का एक तरीका था, लेकिन कम से कम परिवर्तन पहचान तंत्र अधिक दस्तावेज़ीकरण का उपयोग कर सकता है। @bennadel आपका मुद्दा मुझे एक और मुद्दे की याद दिलाता है,

https://github.com/angular/angular/issues/5177

इसे हल करने के लिए यह सुझाव दिया गया था कि अतिरिक्त जीवन चक्र हुक ऑनबियरबाइंडिंग/ऑनबियर रेंडरिंग जोड़ा जाए। ऐसा लगता है कि उस समाधान से आपकी समस्या भी हल हो जाएगी।

@tandu बस ngAfterViewInit को ngOnInit . से बदलें

@e-oz https://github.com/angular/angular/issues/6005#issuecomment -165906207

@tandu यह वास्तव में कोई फर्क नहीं पड़ता कि आपका स्पिनर कब शुरू होगा (बच्चे को लोड करना, बच्चे में छवि लोड करना - उपयोगकर्ता के लिए यह सब लोड हो रहा है), केवल तभी मायने रखता है जब आपको इसे बंद करने की आवश्यकता हो। आप इसे सेटटाइमआउट (मैं सहमत हूं कि यह बदसूरत है) का उपयोग करके "ngAfterViewInit" में बंद कर सकता है, लेकिन यह गलत होगा - मूल घटक के लिए छवि लोडिंग पूर्ण होने पर बाल घटक को एक घटना को आग लगाना चाहिए। लोड हो रहा है चाइल्ड कंपोनेंट और लोडिंग इमेज 2 अलग-अलग इवेंट हैं।

@e-oz https://github.com/angular/angular/issues/6005#issuecomment -165951692 मैं यह पता लगाने के लिए चाइल्ड बाउंड एक्सेस करता हूं कि क्या मुझे इमेज लोड करना शुरू करना चाहिए।

@tandu और आप इस सभी चेक को चाइल्ड कंपोनेंट कोड में स्थानांतरित कर सकते हैं (यह चाइल्ड कंपोनेंट के ngAfterViewInit में वैध होगा) और माता-पिता को ईवेंट भेजा, कब बदलना है लोड हो रहा है।

@ e-oz मैं html में घटक को #holder रूप में परिभाषित करता हूं: <image-holder #holder></image-holder> । तो इसके लिए कोई जेएस फाइल नहीं है।

इसलिए इसे बनाएं, अन्यथा ngAfterViewInit का उपयोग करने की कोई आवश्यकता नहीं है, यदि देखें
बच्चों के रूप में वास्तविक घटक नहीं हैं - कुछ भी प्रस्तुत नहीं किया जाएगा।

रविवार, 13 मार्च 2016 को 15:18 बजे tandu [email protected] ने लिखा:

@e-oz https://github.com/e-oz मैं घटक को html में #धारक के रूप में परिभाषित करता हूं:

धारक>

. तो इसके लिए कोई जेएस फाइल नहीं है।

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/angular/angular/issues/6005#issuecomment -195963389।

मैं element.getElementsByTagsName या इसी तरह के तरीकों का भी उपयोग कर सकता हूं और चाइल्डकंपोनेंट का उपयोग नहीं कर सकता। निश्चित रूप से वर्कअराउंड मौजूद हैं। मैं setTimeout फिक्स के साथ ठीक हूं। समस्या यह है कि विधि का नाम बताता है कि इसका उपयोग कुछ तर्क को परिभाषित करने के लिए किया जा सकता है जो चाहता है कि बाल घटकों को प्रारंभ किया जाए और घटक से बंधे हों लेकिन विधि यह नहीं बताती कि यह परिवर्तन पहचान चक्र के बीच में चलाया जाता है और इसलिए हमारे पास लंबा समय है विभिन्न लोगों की शिकायतों का सिलसिला।

@tandu मैं

इसके लायक क्या है, मैंने अपना मूल समाधान निम्नलिखित में बदल दिया है, जो एक उचित दृष्टिकोण की तरह लगने लगा है। शायद यह आपकी स्थिति के लिए प्रयास करने लायक है:

    constructor(private _changeDetectionRef : ChangeDetectorRef) { }

    ngAfterViewInit() : void {
        // your code

        this._changeDetectionRef.detectChanges();
    }

फॉर्म सत्यापन (आवश्यक इनपुट) का उपयोग करते समय मुझे वही अपवाद मिल रहा है। इस मुद्दे से संबंधित?

प्लंकर: http://plnkr.co/edit/Fp6XT5mC6ZCB14Z1gvTi?p=preview

@eivindr की एक त्वरित नज़र थी और मैंने पहले एक इनपुट पर ngFormControl नहीं देखा था, यह नहीं देख सकता कि इसका क्या अर्थ होगा या इसका क्या अर्थ होगा क्योंकि इसे एक नियंत्रण समूह में बाँधने के लिए फॉर्म तत्व पर जाना चाहिए और व्यक्तिगत इनपुट का एक समान होगा एनजीकंट्रोल। किसी भी स्थिति में अपने प्लंकर को हटा दें

 [ngFormControl]="formModel.find('title')" 

और यह आपकी त्रुटि को ठीक करता है।

मैंने इस मुद्दे को छोड़ने से इंकार कर दिया :) कल, मैं यह प्रदर्शित करने में सक्षम था कि मेरी समस्या विशेष रूप से होस्ट बाइंडिंग से संबंधित थी जो इनपुट गुणों पर निर्भर करती है:

http://www.bennadel.com/blog/3056-host-bindings-are-breaking-the-ngmodel-bridge-in-angular-2-beta-11.htm

मुझे विश्वास करना है कि यह इस बिंदु पर एक बग है क्योंकि घटक में दो चीजें हैं जो इनपुट पर निर्भर करती हैं - दृश्य टेम्पलेट और होस्ट बाइंडिंग - और _उनमें से केवल एक_ परिवर्तन अपवाद का कारण बन रहा है। अगर उन दोनों ने समस्या पैदा की, तो मैं कुछ और सोचूंगा; लेकिन, चूंकि उनमें से केवल एक ही समस्या पैदा कर रहा है, यह एक बग होना चाहिए, है ना?

@eivindr मेरे पास भी एक ही समस्या है जब एक खाली फॉर्म से शुरू होता है तो फॉर्म के मूल्य को प्रोग्रामिक रूप से नियंत्रित करता है। क्या आपको कोई कामकाज मिला?

@MarkPerryBV नहीं, मुझे अभी भी "चेक किए जाने के बाद बदल गया है" आवश्यकता का उपयोग करते समय मिल रहा है। पैटर्न सत्यापनकर्ता का उपयोग करते समय वही। लेकिन minLength आदि काम करता है।

@ user414 अगर मैं [ngFormControl] को हटा देता हूं ... इनपुट पर कोई "आवश्यक" सत्यापन नहीं है।

@MarkPerryBV मुझे एक वर्कअराउंड मिला है जो मेरे लिए काम करता है (अभी के लिए)। मुझे ProdMode() सक्षम करना था। मैं इनपुट पर एनजीआईएफ का उपयोग कर रहा हूं, इसलिए इनपुट के प्रस्तुत होने के बाद मुझे एक चेंजडेक्टररफ.डिटेक्ट चेंज() भी करना पड़ा (यदि नहीं, तो सामग्री होने के बावजूद इनपुट अमान्य था)।

enableProdMode() का उपयोग करना वास्तव में कुछ भी ठीक नहीं करता है - यह केवल लक्षण को डबल-चेक करने से रोककर और आपको सूचित करता है कि कुछ गलत है।

AerisG222 का सुधार setTimeout का उपयोग करने से बेहतर लगता है। क्या यह वास्तव में मामला है कि इच्छित व्यवहार को वैधकर्ता के साथ addControl() पर कॉल करने के बाद मैन्युअल रूप से परिवर्तन पहचान को ट्रिगर करना है?

AddControl() को कॉल करने के बाद यहां वही समस्या है। मुझे लगता है कि addControl() को ChangeDetectionRef.detectChanges() को कॉल करना चाहिए।

@CaptainCodeman मुझे पता है - यह एक अस्थायी समाधान था।

जब मैं ng2@beta17 , [email protected] , क्षेत्र का उपयोग कर रहा हूं तो यह देव मोड में विफल नहीं होगा। जेएस@0.6.12. मुझे अभी भी ChangeDetectionRef.detectChanges () को कॉल करना है

@eivindr क्या आप अपने plnkr को बीटा17 फिक्स में अपडेट कर सकते हैं?
मैं इस पर अपना दिमाग खो रहा हूं, मैं enableProdMode() को सबमिट करने से इनकार करता हूं।

@ AerisG222 आपका दृष्टिकोण मेरे लिए काम करता है!

दृष्टिकोण का उपयोग कर रहा है कि @AerisG222 ने उपयोग करने के लिए एक अच्छा दृष्टिकोण पोस्ट किया है? हाँ यह काम करता है लेकिन क्या मैन्युअल रूप से changeDetectionRef.detectChanges() को ट्रिगर करने का कोई विवेक है?

डायनामिक फॉर्म सत्यापन करने और फिर फॉर्म को रीसेट करने का प्रयास करते समय मुझे एक ही समस्या हो रही है। यहाँ मेरा प्लंक है

प्रजनन के चरण। इज़ एम्प्लॉई चेक्ड के साथ फॉर्म जमा करें। फॉर्म रिफ्रेश होने के बाद इज़ एम्प्लॉई को फिर से चेक करें।

मैं सबमिट फ़ंक्शन में changeDetectionRef.detectChanges() का उपयोग कर रहा हूं।

इसके लिए धन्यवाद @AerisG222 :)

मुझे वह सब सेटटाइमआउट वर्कअराउंड पसंद नहीं है। मैं निम्नलिखित का प्रस्ताव करता हूं:

http://plnkr.co/edit/9umnTGsdFWhbaOBeftuZ?p=preview

ChangeDetectorRef.detectChanges का उपयोग करना हमेशा एक अच्छा तरीका नहीं होता है। उदाहरण क्यों:

अभिभावक घटक अपने ngAfterViewInit दौरान बच्चे के घटकों को सार्वजनिक API कहते हैं। यह कॉल बच्चे के बंधन को बदल देती है। माता-पिता से detectChanges पर कॉल करने से भी समस्या का समाधान हो जाएगा, लेकिन इसका मतलब है कि माता-पिता को यह पता होना चाहिए कि detectChanges को कब कॉल करना है जिसके बाद बच्चे का API कॉल करना है। आप देखेंगे कि जब आप ChangeDetectionStrategy.OnPush का उपयोग करना चाहते हैं तो इस मामले में बाध्यकारी को बदलने वाले बच्चे विधि में detectChanges को कॉल करना काम नहीं करता है।

मुझे इस त्रुटि का सामना करना पड़ा जब गतिशील रूप से ViewContainerRef.createComponent() माध्यम से बच्चों को जोड़ना और फिर बच्चे के उदाहरण को अपडेट करना। मैं RC2 का उपयोग कर रहा हूं (और मूल्यह्रास सामग्री का उपयोग न करने का प्रयास कर रहा हूं)।

प्रारंभ में बात ठीक काम करती थी (पहले रेंडर), लेकिन फिर मैंने एक घटक जोड़ा जो नए डेटा का उत्सर्जन करेगा। इस घटना को पैरेंट कंपोनेंट ने सुना था, जिसने अपने डेटा ऐरे को अपडेट किया जिससे चेंज डिटेक्शन और नए डायनेमिक चाइल्ड कंपोनेंट्स की आबादी को ट्रिगर किया जा सके। घटना को एक फॉर्म सबमिट द्वारा ट्रिगर किया गया था। अगर मैंने सबमिट बटन दबाया, तो सब कुछ ठीक था। अगर मैं सबमिट करने के लिए एंटर दबाता हूं तो यह त्रुटि उत्पन्न करेगा।

मैंने गतिशील घटक के निर्माण और अद्यतन के तुरंत बाद ChangeDetectorRef.detectChanges() जोड़ना समाप्त कर दिया। कोई बड़ा मुद्दा नहीं है, लेकिन यह अजीब लगता है कि भले ही मैंने अभी-अभी देखने के लिए एक नया घटक जोड़ा है, सिस्टम स्वचालित रूप से बच्चे के लिए परिवर्तन का पता लगाने को ट्रिगर नहीं करता है।

@ aerisg222 क्या मुझे इसे कॉल करने की आवश्यकता है।_changeDetectionRef.detectChanges() माता-पिता से प्रत्येक बच्चे की संपत्ति बदलने के बाद?

खैर मुझे अभी इस मुद्दे का सामना करना पड़ा। मेरे पास एक ही डेटा ऑब्जेक्ट का उपयोग करके दो भाई घटक हैं। माना जाता है कि दोनों ऑब्जेक्ट डेटा स्रोत को अपडेट करने में सक्षम हैं। दूसरा स्रोत वास्तव में वस्तु में परिवर्तन देखता है लेकिन ट्रिगर करता है कि अभिव्यक्ति की जांच के बाद बदल गया है। पिछला मान: 'सत्य'। वर्तमान मूल्य: 'गलत'

RC1 से RC4 में अपग्रेड करने के बाद मेरे साथ ऐसा हुआ

मेरा भी यही विचार है। RC1 से RC4 में अपग्रेड करने के बाद इसे फिर से मिलना शुरू हुआ।

हो सकता है कि इसके कारण होने वाले परिवर्तन को परिवर्तन लॉग में एक ब्रेकिंग परिवर्तन के रूप में सूचित किया जाना चाहिए था ... कुज़ मेरा सामान अब टूटा हुआ है।

हमें फाइनल का इंतजार करना होगा।
मैंने बाल घटकों का उपयोग करना बंद कर दिया क्योंकि बाहरी गुणों को अद्यतन करना बेकार है।
मैंने सोचा था कि ज़ोन उसके लिए यहाँ थे ...

मेरा भी यही विचार है। ViewComponentRef के माध्यम से गतिशील घटक लोडिंग RC2 और RC4 में अलग तरह से व्यवहार करता है जैसा कि उसने RC1 में किया था

यहाँ मेरी कार्य निर्भरताएँ हैं:
"निर्भरता": {
"@ कोणीय/सामान्य": "2.0.0-आरसी.1",
"@ कोणीय/संकलक": "2.0.0-आरसी.1",
"@ कोणीय/कोर": "2.0.0-आरसी.1",
"@ कोणीय/http": "2.0.0-आरसी.1",
"@ कोणीय/प्लेटफ़ॉर्म-ब्राउज़र": "2.0.0-आरसी.1",
"@ कोणीय/प्लेटफ़ॉर्म-ब्राउज़र-गतिशील": "2.0.0-आरसी.1",
"सिस्टमज": "0.19.31",
"कोर-जेएस": "^2.4.0",
"प्रतिबिंब-मेटाडेटा": "^0.1.3",
"आरएक्सजेएस": "5.0.0-बीटा.6",
"ज़ोन.जेएस": "^0.6.12"
},
"देव निर्भरता": {
"टाइपप्रति": "^1.8.10",
"टाइपिंग": "^ 1.0.4",
"समवर्ती": "^ 2.2.0",
"लाइट-सर्वर": "^ 2.2.2"
}

और यहां निर्भरताएं हैं जो उल्लिखित त्रुटि उत्पन्न कर रही हैं:
"निर्भरता": {
"@ कोणीय/सामान्य": "2.0.0-आरसी.4",
"@ कोणीय/संकलक": "2.0.0-आरसी.4",
"@ कोणीय/कोर": "2.0.0-आरसी.4",
"@ कोणीय/http": "2.0.0-आरसी.4",
"@ कोणीय/प्लेटफ़ॉर्म-ब्राउज़र": "2.0.0-आरसी.4",
"@ कोणीय/प्लेटफ़ॉर्म-ब्राउज़र-गतिशील": "2.0.0-आरसी.4",
"सिस्टमज": "0.19.31",
"कोर-जेएस": "^2.4.0",
"प्रतिबिंब-मेटाडेटा": "^0.1.3",
"आरएक्सजेएस": "5.0.0-बीटा.6",
"ज़ोन.जेएस": "^0.6.12"
},
"देव निर्भरता": {
"टाइपप्रति": "^1.8.10",
"टाइपिंग": "^ 1.0.4",
"समवर्ती": "^ 2.2.0",
"लाइट-सर्वर": "^ 2.2.2"
}

RC2 भी काम नहीं कर रहा है!

बस एक सवाल है, लेकिन क्या त्रुटि के बारे में अधिक जानकारी प्राप्त करने का कोई तरीका है? उदाहरण के लिए यह जानना अच्छा होगा कि "अभिव्यक्ति" क्या है जब त्रुटि कहती है "अभिव्यक्ति 'सत्य' से 'झूठी' में बदल जाती है!।

RC1 से RC4 में अपग्रेड करने के बाद भी मुझे ठीक यही समस्या हो रही है। और जो मैंने पाया वह मेरे घटक में ngOnInit फ़ंक्शन के कारण है। अगर मैं इस फ़ंक्शन पर टिप्पणी करता हूं, तो त्रुटि संदेश चला गया और सब कुछ ठीक काम करता है। कोई विचार?

इस मुद्दे को पुराना होने के कारण बंद करते हुए कार्रवाई की गई है। यदि आपको अभी भी समस्या है, तो एक नया मुद्दा बनाना सुनिश्चित करें और सभी आवश्यक विवरणों के साथ समस्या टेम्पलेट भरें। धन्यवाद

लेकिन लोग कह रहे थे कि वे अभी भी इस मुद्दे को नए आरसी में अनुभव कर रहे हैं ...

बुधवार, 13 जुलाई 2016 को 00:52 बजे, विक्टर बर्चेट नोटिफिकेशन @github.com
लिखा था:

बंद #6005 https://github.com/angular/angular/issues/6005।

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/angular/angular/issues/6005#event -720794445, या म्यूट करें
सूत्र
https://github.com/notifications/unsubscribe/AAgIEFEVZmE0M53XxNpzAYg9hJT_E_viks5qVAyGgaJpZM4G4J_s
.

हां, मैंने अभी-अभी RC4 में अपग्रेड किया है और नए राउटर को कॉन्फ़िगर करने के अलावा अपने किसी भी घटक में एक भी बदलाव नहीं किया है और इस मुद्दे में भाग गया। RC1 में यह सब अच्छा था, ऐसा लगता है कि यह अभी भी आसपास है।

और जानकारी:

यह async अंदर ngOnInit कॉल के कारण निकलता है, यह त्रुटि होती है। अगर मैं एसिंक कॉल कोड पर टिप्पणी करता हूं या कोड के उस टुकड़े को कन्स्ट्रक्टर में ले जाता हूं, तो सब कुछ ठीक काम करता है।

@ अम्मार91
परिवर्तनों के बाद इसे कॉल करें:
चेंज डिटेक्शन रेफ। डिटेक्ट चेंज ()

@ zigzag95 हाँ यह वास्तव में एक समाधान है लेकिन ऐसा करने के लिए यह सुपर

मेरे मामले में, यह तब हो रहा है जब मैं प्रोग्रेसबार को दिखाने और छिपाने के लिए app.component.ts में कोणीय घटना उत्सर्जक की सदस्यता ले रहा हूं। RC1 के साथ यह सब अच्छा था लेकिन RC4 में टूट गया।

यहाँ रेप्रो है, http://plnkr.co/edit/jEtfUrQdc4sJBySj5kWN?p=preview
हीरोज लिंक पर क्लिक करें और संपादित करने के लिए किसी एक नायक का चयन करें और आपको त्रुटि दिखाई देगी।
कृपया app.component.ts और hero.service.ts . में परिवर्तन देखें

अरे @vicb , अपडेट के लिए धन्यवाद। क्या आप हमें बता सकते हैं कि क्या कार्रवाई की गई है? क्या आपका मतलब है कि यह अगली रिलीज में तय किया जाएगा?

एक और सरल वैकल्पिक समाधान जो मेरे लिए काम करता है वह है मान को अवलोकन योग्य और विलंबित उत्सर्जक मानों को 10ms के रूप में वापस करना। मेरे मामले में अपवाद स्पिनर मूल्य के साथ हो रहा था
<app-spinner *ngIf="spinner"></app-spinner>

  this.eventService.toggleSpinnerAnnounced$.subscribe(
      (show: boolean) => this.spinner = show
    );

यह मेरे लिए काम किया:

private spinner = new Subject<boolean>();
toggleSpinnerAnnounced$ = this.spinner.asObservable().delay(10); // This  delay() is important

announceSpinnerToggle(show: boolean) {
        this.spinner.next(show);
    }

यह आपके लिए काम करता है क्योंकि आप देरी का उपयोग कर रहे हैं और यह देखने योग्य से संबंधित नहीं है।
स्टेटटाइमआउट का उपयोग करते समय आपका वही व्यवहार होगा।

@Jarvens कृपया इस टिप्पणी को अनुचित स्थानों पर पोस्ट करना बंद करें।

गिटहब मुद्दे बग रिपोर्ट और फीचर अनुरोधों के लिए हैं।
समर्थन प्रश्नों के लिए कृपया अन्य चैनलों का उपयोग करें जैसे कि CONTRIBUTING में सूचीबद्ध चैनल

आपकी टिप्पणी आपकी समस्या का निदान करने के लिए पर्याप्त जानकारी प्रदान नहीं करती है।

एफवाईआई: क्रोम एक्सटेंशन ng-inspector for AngularJS (बतरंग के लिए कोणीय 1 एक्सटेंशन विकल्प) के कारण मुझे यह त्रुटि मिली है

यह पागल है! पूरे सूत्र को पढ़ने के बाद विकास मोड में जो समस्या तय हुई वह एंगुलरजेएस के लिए एनजी-इंस्पेक्टर को अक्षम कर रही थी जैसा कि @ कार्ल गुस्ताव-यूनिमाइक्रो कहते हैं।

इसके साथ ही ChangeDetectorRef.detectChanges() ने भी मेरे लिए काम किया लेकिन वास्तव में हैकी महसूस किया।

@pkozlowski-ओपनसोर्स,
मुझे अभी भी पता नहीं है कि जब इनपुट में से कोई एक बदलता है तो indicatorStyle() क्यों लागू किया जाएगा,
क्या आप और स्पष्टीकरण दे सकते हैं?
अगर मैं पैरेंट कंपोनेंट में ChangeDetectionStrategy.OnPush सेट किए बिना _प्रगति-बार घटक_ में ngDoCheck लागू करता हूं,
मुझे पता चला कि ngDoCheck निष्पादन दो बार,
मुझे पता है कि पहले वाले को क्यों मार दिया जाएगा,
लेकिन मैं वास्तव में दूसरे ngDoCheck बारे में उलझन में हूं ...

http://plnkr.co/edit/myX2Alx9jie2q0FDIME7?p=preview

@LiTiang ,

मुझे अभी भी पता नहीं है कि जब कोई इनपुट बदलता है तो संकेतक स्टाइल() क्यों लागू किया जाएगा,
क्या आप और स्पष्टीकरण दे सकते हैं?

चूंकि indicatorStyle() दृश्य में [ngStyle] लिए बाध्य है,

मुझे पता चला कि ngDoCheck निष्पादन दो बार,
मुझे पता है कि पहले वाले को क्यों मार दिया जाएगा,
लेकिन मैं वास्तव में दूसरे ngDoCheck के बारे में उलझन में हूँ ...

यह सबसे अधिक संभावना है क्योंकि, जैसा कि इस धागे में पहले उल्लेख किया गया है, परिवर्तन का पता लगाना हमेशा देव मोड में दो बार चलता है। यह यह सत्यापित करने के लिए करता है कि हमारे पास ऐसा कोड नहीं है जो परिवर्तन का पता लगाने के दौरान बाइंडिंग बदलता है, जिससे उत्पादन में मुश्किल बग हो सकती है।

सेटटाइमआउट पर एक भिन्नता ()

अद्यतन: सीपीयू साथी के बिना 100% पागल हो गया हाइटलास्ट तुलना: AFAIK अपडेट रिकर्सिव जा रहे थे!

अद्यतन 2: प्लंकर उदाहरण

मैं एक की ऊंचाई को नियंत्रित करने के लिए एक गतिशील <ul> ब्लॉक की ऊंचाई चाहता था <img> मैं "companionHeight" के लिए बाध्य हूं।

इतना बुरा... लेकिन निम्नलिखित एक ऑब्जर्वेबल का उपयोग करके काम करता है ।

यहाँ <ul> तत्व है जिसकी ऊंचाई की निगरानी की जा रही है:

<ul class="title-list-ul" #listul (window:resize)="setCompanionHeight(listul)">

यहाँ <img> तत्व नियंत्रित किया जा रहा है:

<img class="title-list-companion-img" [src]="getCompanionImageURL()" [height]="companionHeight"/>

यहाँ घटक विधियाँ हैं जो परस्पर क्रिया करती हैं:

import { Component, OnInit, AfterViewChecked, ElementRef } from '@angular/core';  // redacted
import { Observable } from 'rxjs';

@Component({
  selector: 'resume-title-list',
  templateUrl: './title-list.component.html',
  styleUrls: ['./title-list.component.scss']
})
export class TitleListComponent implements OnInit, AfterViewChecked {

  private error: Object;
  private companionHeight: number = 0;
  private companionHeightLast: number = 0;

   // Lots of irrelevant stuff like ngInit redacted for simplicity.

  constructor(private elementRef: ElementRef) { }  // redacted, mine is more complicated.

  setCompanionHeight(listElement: any) {
    let clientRect = listElement.getBoundingClientRect();
    if (clientRect) {
      this.companionHeight = clientRect["height"];
    }
  }

  // window::resize only happens when the window is resized: This is an initialization 
  // function that sets the initial size of the image... Without it the image height is 
  // initially zero and the image is not shown. 
  // The height was not correct in ngAfterViewInit, so I used ngAfterViewChecked instead.

  ngAfterViewChecked() {
    let ularray = this.elementRef.nativeElement.getElementsByClassName("title-list-ul");
    if (ularray && ularray.length > 0) {
        let h = ularray[0].getBoundingClientRect().height;
        if (h && h != this.companionHeightLast) {
          this.companionHeightLast = h;
          Observable
          .of(h)
          .delay(10)
          .subscribe(h => this.companionHeight = h,
                     error => this.error = error);
        }
    }
  }
}

बंद मुद्दों पर टिप्पणियाँ एंगुलर टीम के सदस्यों द्वारा नहीं पढ़ी जा सकती हैं।
इन चैनलों में से किसी एक में एक प्रश्न पोस्ट करने के बारे में क्या योगदान - कोई प्रश्न या समस्या है? पुन: पेश करने के लिए प्लंकर के साथ?

मुझे इसके साथ एक ही समस्या थी:

<div *ngIf="isLoading">
   <app-some-viewchild></app-some-viewchild>
</div>

Usin [hidden] इसके बजाय *ngIf समस्या का समाधान करें।

मैं भी इस मुद्दे पर मिला था। अंत में, मैंने पाया कि ngModle ऑब्जेक्ट के साथ डिफ़ॉल्ट इनिशन ऑब्जेक्ट समान है।

changeDetection: ChangeDetectionStrategy.OnPush को @Component डेकोरेटर ने इसे मेरे लिए तय किया

@elvismercado धन्यवाद, 2.1.1 में मेरी समस्या हल करता है!

मेरे पास एक चाइल्ड कंपोनेंट था जो पैरेंट टेम्प्लेट द्वारा पास किए गए मान पर निर्भर था, जिसमें चाइल्ड टेम्प्लेट इस अपवाद को फेंकता था जब पैरेंट वैल्यू बदल जाती थी। चाइल्ड कंपोनेंट में अपना सुझाव जोड़ने से चेंज डिटेक्शन तब तक नहीं चलता, जब तक कि बदले हुए वैल्यू को चाइल्ड कंपोनेंट पर पुश नहीं किया जाता है, समय से पहले चलने के लिए डिटेक्शन से बचना मुझे लगता है?

अगर मेरे पास एक इनपुट है जिसमें फोकस है और फिर इसे डीओएम (एनजीआईएफ स्थिति) से हटा दें, तो त्रुटि "चेक होने के बाद अभिव्यक्ति बदल गई है" त्रुटि होती है (केवल अगर इनपुट में एक फॉर्म समूह जुड़ा हुआ है)।
यहाँ इस मुद्दे के साथ एक प्लंकर है:
https://plnkr.co/edit/dooRvC1gY1WEcaNdshoP?p=preview
धन्यवाद!

तो यहाँ समाधान क्या है?

ngOnInit में किसी भी इनपुट मान को बदलने से यह ट्रिगर हो जाएगा।

@coli
बस लपेटो

setTimeout(()=>{
 ///your code here
}, 1);

मेरे पास बाल घटकों का एक संयोजन है जिसे उपयोगकर्ता द्वारा किसी मौजूदा इकाई को संपादित करने के लिए प्रीलोड करने की आवश्यकता होती है।
मैं इस मुद्दे के साथ घंटों तक संघर्ष कर रहा हूं जब तक कि मैं उपरोक्त @drewlio पोस्ट का उपयोग करके इसे ठीक करने में कामयाब नहीं हुआ।

इंजेक्षन _changeDetectionRef:

    constructor(
        private _changeDetectionRef: ChangeDetectorRef) {
    }

और फिर अपना परिवर्तन कॉल करने के ठीक बाद परिवर्तनों का पता लगाएं।
इसने मेरे लिए चाल चली।

    setSizeFromCtrl() {
        console.log("setSizeFromCtrl");
        if (this.sizeFromList && this.tradeProfile && this.tradeProfile.SizeFrom && this.sizeFromCtrl) {
            this.sizeFromCtrl.select(String(this.tradeProfile.SizeFrom));
            this._changeDetectionRef.detectChanges();
            console.log("setSizeFromCtrl DONE");
        }
    }

    setCentreTypeCtrl() {
        console.log("setCentreTypeCtrl");
        if (this.centreTypeList && this.tradeProfile && this.tradeProfile.centreTypeList && this.centreTypeCtrl) {

            for (let i of this.tradeProfile.centreTypeList) {
                this.centreTypeCtrl.select(i.value);
            }
            this._changeDetectionRef.detectChanges();
            console.log("centreTypeCtrl DONE");
        }
    }

ध्यान दें कि मुझे भी यही समस्या थी लेकिन एक अलग (समान?) कारण और विभिन्न समाधान।

• हमारे कोणीय ऐप - https://github.com/GeoscienceAustralia/GNSS-Site-Manager में मॉडल प्रतिक्रियाशील रूप हैं जो ngOnInit() में कई घटकों में नेस्टेड और निर्मित हैं। इनमें से कुछ प्रपत्र टेम्प्लेट में ngIf साथ संक्षिप्त किए गए हैं
• डेटा ngOnInit() में भी पढ़ा जाता है और theModelForm.patchValue(data) साथ लागू किया जा रहा था
• यह त्रुटि तब सामने आ रही थी जब एक संक्षिप्त प्रपत्र का विस्तार किया गया था। यह इस तथ्य से संबंधित है कि डीओएम नहीं बनाया गया था क्योंकि फॉर्म ngOnInit() में बनाया गया था जो तब तक सक्रिय नहीं हुआ जब तक इसे विस्तारित नहीं किया गया। patchValue() निकालो और समस्या दूर हो गई
• हम दो समाधान लेकर आए हैं
• इससे पहले कि patchValue() एक चलाने this._changeDetectionRef.detectChanges(); । और ngIf को [hidden] बदलें ताकि फॉर्म और DOM पूरी तरह से बन जाए। इसका नकारात्मक पक्ष समय और स्मृति लागत है क्योंकि पूर्ण रूप और संबंधित डोम बनाया गया है (यह कई ऐप्स में कोई समस्या नहीं हो सकती है लेकिन यह हमारे लिए थी क्योंकि हमारे पास एक विशाल रूप है)।
• बेहतर उपाय यह है कि घटकों में patchValue() (या setValue() अगर डेटा और फ़ील्ड 1:1 हैं) को लागू किया जाए और इस प्रकार केवल तब होता है जब फॉर्म ngOnInit() .

मैंने अभी तक ये परिवर्तन नहीं किए हैं (22/3/17)।

इसलिए मुझे नहीं लगता कि यह फैसला सभी को बचाएगा।
लेकिन मुझ पर दी गई त्रुटि की घटना एक वर्ग के एक नए तत्व के निर्माण के साथ हुई थी। फिर इसे सरणी में जोड़ना, जो *ngFor के माध्यम से आउटपुट होता है।
मैंने अपनी कक्षा में एक कंस्ट्रक्टर जोड़कर इस समस्या को हल किया, जिसने टेम्प्लेट में डिफ़ॉल्ट मान (शून्य, खाली रेखाएं) प्रदर्शित करने के लिए आवश्यक फ़ील्ड को पॉप्युलेट किया।

export class Task {
    task_id: number;
....
    constructor() {
        this.task_name = '';
        this.task_desc = '';
        this.task_percent = 0;

  addNewTask():void{
    let newTask = new Task();
    this.tasksList.push(newTask);
  }

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

+1

AerisG222 समाधान कार्य

constructor(private _changeDetectionRef : ChangeDetectorRef) { }

ngAfterViewInit() : void {
    // your code

    this._changeDetectionRef.detectChanges();
}

this._changeDetectionRef.detectChanges() काम करता है, लेकिन यह मेरे मामले में अन्य मुद्दों का कारण बनेगा। मैं बस सेटटाइमआउट() फ़ंक्शन के अंदर कोड लपेटता हूं, यह इसे हल करता है।

@GuofuHuang ऐसा करना समस्या को ठीक न करने से बचने का एक तरीका है जो कभी-कभी अनंत परिवर्तन का पता लगाने के चक्र को जन्म दे सकता है

@Toxicable क्षमा करें, शायद मैंने इसे स्पष्ट नहीं किया, मैं इसका उपयोग नहीं कर रहा हूं।_changeDetectionRef.detectChanges (); इसके बजाय, मैं अपना स्रोत कोड सेटटाइमआउट() के अंदर लपेटता हूं।

@GuofuHuang यदि आप setTimeout अंदर जो कुछ भी डालते हैं वह सीडी का कारण बनता है और आप इसे जीवनचक्र हुक पर चला रहे हैं तो संभव है कि आप अनंत सीडी चक्र पैदा कर रहे हों। समाधान उन परिवर्तनों को नहीं करना है जो सीडी चलाने के दौरान सीडी का कारण बनते हैं

@Toxicable यहां तक ​​​​कि मैंने इसे 0 सेट किया है?

@GuofuHuang अगर 0 पर सेट करने से सीडी बनती है तो हाँ

@Toxicable मुझे बस यह लिंक मिल गया है, http://stackoverflow.com/questions/779379/why-is-settimeoutfn-0-every-useful , यह कहता है कि 0 का सेटटाइमआउट सी में पॉज़/यील्ड जैसा कुछ है, मैं नहीं करता ' पता नहीं है कि क्या यह किसी सीडी का कारण बनेगा, लेकिन अब यह मेरे लिए एकदम सही काम करता है। यदि यह समाधान नहीं है, तो क्या आपके पास इस समस्या को हल करने के लिए बेहतर समाधान है?

@ गुओफूहुआंग मुझे नहीं पता कि सी में क्या विराम/उपज होता है लेकिन जेएस में यह कॉलबैक को ईवेंट कतार के अंत में रखेगा। मेरा समाधान ऊपर जैसा है: समाधान उन परिवर्तनों को नहीं करना है जो सीडी चलाने के दौरान सीडी का कारण बनते हैं

सेटटाइमआउट समाधान है
आपको एमएस पैरामीटर निर्दिष्ट करने की आवश्यकता नहीं है और मैं एक टिक का इंतजार करूंगा

@ zigzag95 @GuofuHuang इस उदाहरण को देखें कि क्यों setTimeout समाधान नहीं है
https://plnkr.co/edit/dv8K9EvVQLG59Gxsl3oI?p=preview

@Toxicable धन्यवाद, लेकिन मेरा मामला इस से बहुत अलग है, और मुझे कोई अनंत लूप नहीं दिख रहा है। लेकिन यह निश्चित रूप से एक अच्छा उदाहरण है जो मुझे कोणीय को और अधिक समझने में मदद करता है।

@GuofuHuang वास्तव में यह आपके मामले में नहीं होगा क्योंकि आप इसे ngAfterViewInit में कर रहे हैं जिसे केवल एक बार बुलाया जाता है। मेरा कहना था कि इस पद्धति से अनंत लूप बनाना संभव है, इसलिए इसका उपयोग करना खतरनाक है। प्लंकर यही दिखा रहा है।

@moutono आपकी चाल ने मेरी मदद की है! बढ़िया धन्यवाद

चूंकि समस्या एक परिवर्तन का पता लगाने को ट्रिगर करने के बारे में है, एक वादे को हल करना भी काम कर सकता है क्योंकि ngZone बंदर पैच भी वादा करता है। इसने मेरे लिए काम किया है:

ngAfterViewInit() {
  Promise.resolve().then(() => your_code_here);
}

हाँ सेटटाइमआउट काम करता है, लेकिन मुझे वह फिक्स पसंद नहीं आया, मेरे मामले में ऐसा इसलिए हुआ क्योंकि मैं EventEmitter पर मूल्य बदल रहा था
समाधान था परिवर्तन
private generalSubscriber: EventEmitter<any> = new EventEmitter<any>();
प्रति
private generalSubscriber: EventEmitter<any> = new EventEmitter<any>(true);

अजीब है ना?
वैसे इसका सही मतलब है, इवेंटमीटर एसिंक्रोनस है
https://angular.io/docs/ts/latest/api/core/index/EventEmitter-class.html

इस के लिए कोई भी समाधान है? यह क्यों बंद है?

मुझे हर बार कैशे साफ़ करना होगा

मेरे मामले में मैं छवि लोड पर एक छवि स्टब की जगह ले रहा था, इसे setTimeout में रखना पड़ा

@intergleam @ wasa4587 @ caroso1222 @tandu @ AerisG222 @ आकर्षित किया-मूर @robwormald @ svi3c @ pkozlowski-ओपनसोर्स @pcroc @zoechi @stefankoru @bennadel @bryanforbes @Necroskillz @drewlio @ElsewhereGames @zoechi @ user414 @ ई-औंस

इसे विकसित करते समय त्रुटि का सामना करना पड़ रहा है। उत्पादन सर्वर पर ठीक काम कर रहा है।

@smartHasmukh यह एक विकास-मोड केवल त्रुटि है, इसलिए कोई आश्चर्य की बात नहीं है।
आपको अभी भी इसे ठीक करना चाहिए।

यदि यह त्रुटि होती है तो सबसे अधिक संभावना है कि आप एक दिशा डेटा प्रवाह को तोड़ दें। जो कुछ ऐसा हो सकता है जैसे भाई-बहन में एक घटक का डेटा बदलना, बच्चों के जीवनचक्र में माता-पिता का डेटा बदलना शायद कुछ और हो।
फेंका गया यह अपवाद कोई त्रुटि नहीं है, लेकिन डेवलपर के लिए यह समझने में सहायक है कि एक दिशा डेटा प्रवाह अनुबंध किसी तरह से टूट गया है। तथ्य यह है कि यह उत्पादन में काम करता है दुर्घटना से है, आपको समीक्षा करनी चाहिए कि आप माता-पिता के संचार में अपना डेटा कैसे बदल रहे हैं, और इसे विकास मोड में ठीक करें।

@smartHasmukh मुझे यह असहज भी लगता था। उदाहरण के लिए, मैं नेविगेशन घटनाओं में शामिल हूं और लोडर दिखाने के लिए मुख्य घटक को एक ईवेंट उत्सर्जित करता हूं। और सर्वर से डेटा प्राप्त करने के बाद, प्रत्येक घटक में मैं उस लोडर को छुपाता हूं (इसलिए, सदस्यता के भीतर)। कोई बात नहीं। लेकिन, एक घटक में, मुझे केवल "स्थिर" स्रोत से कुछ डेटा मिला, वहां कोई अवलोकन योग्य नहीं था, इसलिए मैंने लोडर को छिपाने के लिए मुख्य घटक को बताने के लिए ngOnInit का उपयोग करने का प्रयास किया। तब मुझे त्रुटि मिली, बिल्कुल।

भले ही मेरा मामला एक साधारण बात होनी चाहिए, लेकिन इसे करने का यह सही तरीका नहीं है। मुझे या तो लोडर को पहले स्थान पर नहीं दिखाने का निर्णय लेना पड़ा, उस घटक के लिए (जो और अधिक मुश्किल हो सकता है यदि मेरे पास और अधिक घटक हों) ... या, लोडर को मेरी डेटा सेवा से छिपाने का काम भी संभालें घटक स्तर के बजाय। या, एक बदसूरत फिक्स, उस एक विशिष्ट मामले को सेटटाइमआउट() में लपेटना होगा। क्योंकि शुरुआती तरीका सही नहीं था।

टीएल / डीआर:
मुझे यकीन है कि आपके परिदृश्य के लिए भी एक उचित तरीका होना चाहिए, _setTimeout()_ बदसूरत फिक्स के अलावा (जिसे मैंने उस पल में _sadly_ चुना है, लेकिन फिर, यह एक बहुत ही सरल परिदृश्य है और मुझे पता है कि क्या है वहाँ जा रहा है - फिर भी, मुझे इसे किसी बिंदु पर, भविष्य में रिलीज़ में बदलना पड़ सकता है)।
आप अपने विशिष्ट मामले के लिए StackOverflow आज़मा सकते हैं, अधिक जानकारी दें। कोई ना कोई तो रास्ता होगा।

ज़रूर धन्यवाद @MrCroft @tytskyi और मैं इसे श्री @zoechi करूँगा और मुझे पता है कि यह कोई आश्चर्य की बात नहीं है। लेकिन मैं अभी बता रहा हूँ। और कुछ नहीं

@tytskyi

तथ्य यह है कि यह उत्पादन में काम करता है दुर्घटना से है, आपको समीक्षा करनी चाहिए

नहीं, ज्यादातर मामलों में इस त्रुटि के प्रति मेरी प्रतिक्रिया है "हाँ, मुझे पता है, और इसका इरादा है"। मेरे ऐप्स में बहुत से घटक init के बाद और बाध्य चर में नए मान प्राप्त करने के बाद कुछ लोड कर रहे हैं। यह मुद्दा कोणीय की सिर्फ "ज्ञात कुरूपता" है और किसी को परवाह नहीं है।

@ ई-ओज़ यदि आप किसी भी जीवनचक्र हुक में माता-पिता या भाई-बहन की स्थिति को प्रभावित कर रहे हैं तो यह एक दिशा डेटा प्रवाह को तोड़ रहा है। जब एप्लिकेशन स्थिति स्थिर हो जाती है, तो आपको ऐसे परिवर्तन करने चाहिए, लेकिन परिवर्तन का पता लगाने के बीच में नहीं। इसलिए माइक्रोटास्क, सेटटाइमआउट 0 आदि के साथ वे ट्रिक्स हैं।

@tytskyi आपके "चाहिए" के साथ शांत हो गया, मैं स्थिरीकरण के बाद परिवर्तन कर रहा हूं - यह स्पष्ट है अगर ध्यान से पढ़ा जाए - अतिरिक्त डेटा लोड करने के लिए http अनुरोध, जाहिर है, प्रारंभिक स्थिरीकरण से अधिक समय लगेगा। आप मुझे विश्वास नहीं दिलाएंगे कि कोणीय का यह व्यवहार सही है, कोशिश भी मत करो।

@ e-oz यह कैसे HTTP अनुरोध से संबंधित है। एक HTTP अनुरोध प्रतिक्रिया परिवर्तन का पता लगाने का कारण बनती है और आपको "अभिव्यक्ति बदल गई है ..." त्रुटि नहीं मिलेगी।
क्या आप कृपया अधिक जानकारी प्रदान कर सकते हैं?

@zoechi इस पर समय बर्बाद करने का कोई कारण नहीं है, कोई भी कुछ नहीं बदलेगा, कार्य बंद है।

@ ई-ओज़ इस मुद्दे को एक साल पहले बंद कर दिया गया था और एंगुलर टीम की तब काफी अलग प्राथमिकताएं थीं (रिलीज आउट प्राप्त करें) और यह मुद्दा तब अवरोधक नहीं था।
अगर आपको लगता है कि आपके पास एक वैध मामला है तो आपको एक नया मुद्दा बनाना चाहिए।

@zoechi मुझे नहीं लगता कि आप तय करेंगे कि मुझे क्या करना चाहिए। मैं एक नया मुद्दा बना सकता हूं, लेकिन मुझे ऐसा करने की जरूरत नहीं है। पूरे सम्मान के कारण, मुझे वह "आपको चाहिए" स्वर पसंद नहीं है।

@ ई-ओज़ मैं देखता हूं, आपकी टिप्पणियां केवल आपकी निराशा को दूर करने के लिए हैं और आप समाधान प्राप्त करने में रूचि नहीं रखते हैं। कृपया अपनी फालतू टिप्पणियों के साथ अन्य लोगों का समय यहाँ बर्बाद करना बंद करें।

यदि आप http को कॉल कर रहे हैं, तो अपने घटक में सदस्यता लें, बस जोड़ें..
Promise.resolve().then(() => your_code_here);
या
myObservable.delay(10).subscribe(...)

दो समाधानों में से एक आपकी समस्या का समाधान करेगा

@vicb उन मुद्दों को बंद करना बंद करें जो ठीक नहीं हैं। आप यह क्यों कर रहे हैं ?

कम से कम कुछ ठीक करने का सुझाव दें, लेकिन इसे बंद करना अस्वीकार्य है

@diegogarciaa ... और आपके दृष्टिकोण से वास्तव में क्या तय नहीं है या गलत है? बातचीत ^^^ इतनी लंबी है कि वास्तविक मूल को खोजना मुश्किल है।

@mlc-mlapis पूरे सम्मान के साथ, मैं आपका शिक्षक नहीं हूं, यदि आप समस्या को पढ़ या समझ नहीं सकते हैं, तो परेशान करना बंद करें। मैंने सभी सामग्री को पढ़ने में लंबा समय बिताया, मैं इसकी अनुशंसा करता हूं।

कोणीय टीम (सभी टीम नहीं, लेकिन जो यहां इस मुद्दे को बंद कर रहे हैं) रवैया इतना उद्यमशील लगता है: अवरुद्ध नहीं करना (मेरा वेतन), इसे जल्द ही ठीक नहीं करना।

@diegogarciaa ... बहुत अच्छा। ऊपर की तरह जारी रखें और हर जगह आपका स्वागत किया जाएगा।

@ mlc-mlapis मैं स्वागत नहीं करना चाहता जहाँ लोग पढ़ नहीं सकते और जहाँ नहीं करना चाहिए वहाँ बकवास करने की कोशिश करें।

@diegogarciaa ... मैंने अभी सोचा था कि आपको व्यक्तिगत रूप से कोई समस्या है और ऐसा लगता है कि यह अब सच नहीं है। और वास्तविकता यह भी है कि Expression has changed after it was checked ... साथ अधिकांश समस्याएं बग नहीं हैं, लेकिन सीडी कैसे काम करती है, यह सही नहीं है।

@mlc-mlapis ठीक है... आइए समझते हैं

http://plnkr.co/edit/nm8OkrpZCIp4cvA6TbpO?p=preview

इस प्लंक में मैं समझ सकता हूं कि जब ngAfterViewInit को कॉल किया गया था, तो वेरिएबल बाध्य और चेक किया गया था, इसलिए जब इसे एक नया मान प्राप्त होता है, और एक नया चेक राउंड ट्रिगर नहीं करता है, तो अपवाद फेंक दिया जाता है

लेकिन उदाहरण के लिए, यदि मेरे पास एक दृश्य कंटेनर रेफरी है ... और मैं उदाहरण के लिए उपयोग करता हूं:

this.service.GetData ()। सदस्यता लें (
प्रतिक्रिया => this.component.instance.dataModel = प्रतिक्रिया
);

विचार करें कि डेटामॉडल का उपयोग मेरे html में {{dataModel.Field}} के रूप में किया जा रहा है

यह घटक एक गतिशील घटक है जिसे कुछ घटनाओं में लोड किया जा रहा है, कोई त्रुटि से कैसे बच सकता है? परिवर्तन का पता लगाने के जीवनचक्र के हुक से पहले मेरे घटक को डेटा पास करने का सही तरीका कौन सा होगा

@diegogarciaa ... हाँ, यह एक विशिष्ट उदाहरण है जहाँ async और सिंक ऑपरेशन मिश्रित होते हैं और एक सीडी में मिलते हैं और देव मोड में इसकी पुष्टि होती है। मैं https://hackernoon.com/everything-you-need-to-know-about-the-expressionchangedafterithasbeencheckederror-error-e3fd9ce7dbb4 पोस्ट से स्पष्टीकरण नहीं दोहराऊंगा, इसलिए शायद इसे पहले पढ़ने का प्रयास करें।

और https://hackernoon.com/here-is-how-to-get-viewcontainerref-before-viewchild-query-is-evaluated-f649e51315fb पर भी

तो लेख मूल रूप से कहता है कि मुझे मैन्युअल रूप से परिवर्तन का पता लगाने का एक दौर कॉल करना होगा ...

ईमानदारी से कहूं तो मैं वर्तमान स्थिति से बहुत परेशान हूं... कोणीय में छोटी-छोटी चीजें भी इतनी उबाऊ और थकाऊ हैं... मैं सांस भी नहीं ले सकता। फक यू

@diegogarciaa ... नहीं, यह सिर्फ एक सहायक समाधान है। आप promise.then का भी उपयोग कर सकते हैं या setTimeout उपयोग कर सकते हैं ... लेकिन इस मामले में अनुशंसित समाधान शायद एक साझा सेवा है, इसलिए आप सीडी चक्र को पार करते हुए गतिशील घटक की संपत्ति को सीधे अपडेट नहीं करेंगे पुष्टि.

या बस उस समय गतिशील घटक का एक उदाहरण बनाएं जब आपके पास डेटा होगा। तो आपकी सदस्यता गतिशील घटक उदाहरण के निर्माण का आह्वान करेगी।

लेकिन क्या महत्वपूर्ण है -> प्राथमिक तर्क त्रुटि क्यों होती है -> क्योंकि यूनिडायरेक्शनल परिवर्तन हमेशा पूरे पेड़ के माध्यम से ऊपर से नीचे तक प्रवाहित होना चाहिए और एक सीडी चक्र के बाद स्थिति की पुष्टि होती है कि यूनिडायरेक्शनल सिद्धांत का सम्मान किया गया था।

यह "भाड़ में जाओ तुम" व्यक्तिगत नहीं था... बस मेरी कुंठाओं को बाहर निकाल रहा था।

हम अपने घटकों को संभालने के लिए एक निर्देश स्कीमा का उपयोग करते हैं। हमने एक सहायक बनाया है जो एक घटक को एक घटक दृश्य संदर्भ में लोड करता है, और जैसा कि हम समझते हैं, एक घटक लोड होने पर डेटा उपलब्ध होना चाहिए

protected loadPartialView(viewName: string, target: ViewContainerRef) : ComponentRef<any> {
        const factories = Array.from(this.resolver['_factories'].keys());
        const factoryClass = <Type<any>>factories.find((x: any) => x.name === viewName);
        const factory = this.resolver.resolveComponentFactory(factoryClass);
        return target.createComponent(factory);
}

उपरोक्त उदाहरण में: मैं ऐसा कुछ करना चाहता हूं:

return target.createComponent(factory, dataSource);

जहां मेरा डेटा स्रोत कंस्ट्रक्टर समय पर उपलब्ध होगा

Redux की तरह, जो घटकों से गुजरने वाले डेटा स्रोत को संभालने के लिए किसी ऑब्जेक्ट का उपयोग करता है, हम एक इंजेक्शन योग्य घटक को लागू करने के बारे में सोच रहे हैं जो हमारे लिए डेटा को संभालता है, इसलिए हम इसे जीवनचक्र के हुक से पहले प्राप्त कर सकते हैं।

डिगोगार्सिया

मुझे नहीं लगता कि डेटा पहले उपलब्ध होना चाहिए ... एक गतिशील घटक अभी भी @Input() और @Output() साथ एक घटक है लेकिन सवाल यह है कि आप डेटा कब बदलेंगे।

... जब कोई घटक लोड किया जा रहा हो तो डेटा उपलब्ध होना चाहिए ...

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

export default class LazyLoadedModule {
    cmps: Map<{}, {}> = new Map();
    constructor() {
        this.cmps.set('first-component', FirstComponent);
        ...
    }
}

return target.createComponent(factory, dataSource); क्या मतलब होना चाहिए? क्योंकि वास्तविक एपीआई createComponent(componentFactory, index, injector, projectableNodes, ngModule) ।

और शायद नया @angular/cdk मॉड्यूल आपके लिए दिलचस्प होगा। बस यहां परिचय: https://medium.com/@caroso1222/a -first-look-into-the-angular-cdk-67e68807ed9b।

इसके लायक क्या है और अगर यह setTimeout का उपयोग करने के बजाय किसी की मदद कर सकता है और ChangeDetectorRef.detectChanges() का उपयोग करने के लिए मेरे लिए काम नहीं किया, तो मैंने NgZone.onStable और अपना कोड निष्पादित किया EventEmitter पर एक बार सदस्यता लेने से ...

constructor(
  private zone: NgZone,
) { }

ngAfterViewInit() {
  this.zone.onStable.first().subscribe(() => {
    // your code here
  });
}

मुझे ऐसा करने के परिणामों के बारे में पूरी जानकारी नहीं है लेकिन क्या यह setTimeout का उपयोग करने से भी बुरा हो सकता है? अगर किसी के पास उस मामले पर कोई टिप्पणी है तो इसका वास्तव में स्वागत होगा!

@AerisG222 समाधान मेरे लिए काम करता है

constructor(private _changeDetectionRef : ChangeDetectorRef) { }

ngAfterViewChecked() : void {
    // your code
    this._changeDetectionRef.detectChanges();
}

यह एचटीएमएल घटक है:

{{lastData.note[i].date | दिनांक: 'dd.MM.yyyy'}} | {{lastData.note[i].date | दिनांक: 'एचएच: मिमी'}}

:

#बीएफएल15_200817 | {{lastData.status.name }} द्वारा {{lastData.note[i].admin}}

मुझे त्रुटि मिली यदि सरणी में डेटा एक से अधिक है, कोई समाधान?

यह निश्चित रूप से एक जटिल मुद्दा है, लेकिन कुछ मामलों के लिए (विशेषकर जब आप किसी ContentChild पर गुणों को संशोधित कर रहे हैं) इसे तर्क को ngAfterViewInit () या ngOnInit () के बजाय ngAfterContentInit () में ले जाकर हल किया जा सकता है।

यह आश्चर्यजनक है कि कैसे साधारण चीजें कोणीय में इतना भ्रम पैदा कर सकती हैं

चिंता न करें, बाकी सभी ने भी गौर किया है

@jakeNiemiec लंगड़ा नौकरी, ट्रोल, अब कोई भी Angularjs नहीं खोज रहा है
https://trends.google.com/trends/explore?date=all&q=Angular%20tutorial ,React%20tutorial

हां, मैं उम्मीद करता हूं कि अधिक लोगों को हताशा से बाहर "कोणीय ट्यूटोरियल" की आवश्यकता होगी, इसलिए "भ्रम" पर प्रारंभिक टिप्पणी।

लेकिन चिंता न करें, हम सटीक उपयोग के आँकड़ों के लिए npm की जाँच कर सकते हैं: http://www.npmtrends.com/react-vs-@angular/cli -vs-vue-vs-@angular/core

बस मुद्दों की मात्रा की तुलना करें। मैं वास्तव में कोणीय को बेहतर होते देखना चाहूंगा, लेकिन मुझे संदेह है कि Vue.js इसे दूर के भविष्य में पारित कर देगा। सभी 3 में प्रोग्राम करने के बाद, मैं कोणीय देवों को Vue की अत्यधिक अनुशंसा करता हूं। यह बॉयलरप्लेट के बिना कोणीय जैसा है।

ठीक उत्तर स्वीकार किया गया, मैं उन आंकड़ों के साथ बिल्कुल ठीक हूं।
मुझे लगता है कि भारत में PHP का उपयोग करने वाले अधिक लोग हैं जो पूरी दुनिया में जावा हैं। बड़े पैमाने पर एंटरप्राइज़ ऐप के लिए PHP का उपयोग करना बेवकूफी होगी, इसलिए आपको कभी-कभी अपने दिमाग का उपयोग करना चाहिए, जीवन बेहतर होगा

@jakeNiemiec ... बनाए जा रहे 50% मुद्दों को गलती से वहां रखा गया है ... वे वास्तव में समर्थन/ज्ञान के मुद्दे हैं और वहां बिल्कुल भी नहीं होना चाहिए। मजे की बात यह है कि अधिकांश आवश्यक विषयों को आधिकारिक दस्तावेज़ों में बहुत अच्छी तरह से प्रलेखित किया गया है + उत्तर जावास्क्रिप्ट के ज्ञान पर आधारित हैं। लेकिन आप जानते हैं, लोग दस्तावेज़ों को गहराई से नहीं पढ़ते हैं।

@HostBinding इस त्रुटि का एक भ्रमित करने वाला स्रोत हो सकता है।

एक घटक पर एक साधारण बंधन पर विचार करें, जैसे @HostBinding('style.background') ।

उस संपत्ति को *पैरेंट * घटक के परिवर्तन का पता लगाने के द्वारा चेक किया जाता है जैसे कि वह इसका 'स्वामित्व' हो। हमारे दृष्टिकोण से हम चाहते हैं कि यह उस संपत्ति के 'मालिक' होने वाले बच्चे के घटक के रूप में सोचें।

तो ऐसा लगता है कि इस मामले में जांच के लिए किसी घटक के गुणों को बाहर करने का कोई तरीका होना चाहिए? या यह उससे कहीं अधिक जटिल है?

मुझे अपने मूल घटक को detectChanges चलाना था (या बच्चे में एक अतिरिक्त div जोड़ें) उस मामले में त्रुटि से बचने के लिए जहां बाल घटक बस अपना पृष्ठभूमि रंग बदल रहा था (और इसे कहीं और कभी नहीं कर रहा था) .

अधिक पूर्ण विवरण: https://stackoverflow.com/questions/43375532/expressionchangedafterithasbeencheckederror-explained/51662105#51662105

आपको बस कुछ करने की ज़रूरत है, कुछ भी, जो उस विधि के दौरान परिवर्तन का पता लगाने के एक और दौर को ट्रिगर करता है - एक घटना उत्सर्जित करें, जो भी हो। इसे टाइमआउट में लपेटना (कतार फ्लैशबैक से एनजी 1 :-पी) एक तरीका है जो काम करेगा, लेकिन एनजी 2 में मुझे बहुत गन्दा लगता है।

कोणीय 4 में, वह काम 4 मुझे <3

निष्क्रियता के कारण यह समस्या अपने आप लॉक हो गई है।
यदि आप समान या संबंधित समस्या का सामना कर रहे हैं तो कृपया एक नया मुद्दा दर्ज करें।

हमारी स्वचालित वार्तालाप लॉकिंग नीति के बारे में और पढ़ें।

_{_यह क्रिया किसी बॉट द्वारा स्वचालित रूप से की गई है।_}