Angleの変更検出と非同期関数の理解

Question

変更検出とテンプレートの更新をAngularで理解しようとしています。私は実際に少し混乱しています。

私はボタンと簡単な入力フィールドを持っています。 ボタンをクリックすると、入力フィールドの値を「テスト」に変更します。その後すぐに戻る非同期関数を作ります。それから、forループ（テスト目的）を使って約4秒待つ。私は何を期待

• は次のとおりです。入力フィールドの値は、それが非同期呼び出しであるため、すぐに「asynched」になります。
• リアリティ：入力フィールドの値は4秒後に "asynched"になります。

コード

updateField(){ 
    this.textContentMain.title = "test" 
    this.asyncTestFunction(); 
    for(var i=0;i<3999999999;i++){ 

    } 
    } 

    asyncTestFunction() { 
    this._contentSalesTextConfigService.get(this.contentSalesTextConfig).subscribe(item => { 
     this.textContentMain.title = "asynced"; 
    }) 
    } 

テンプレートここ

<button (click)="updateField()">Update</button> 
<input [ngModel]="textContentMain.title" #titleAccessor="ngModel" name="title" id="title" type="text" > 

Answer 1

は、実行の流れで、これはすべてのあなたの疑問できるだけ早く

// 1. This function will be called as soon as clicked 
updateField(){ 
    this.textContentMain.title = "test" // 2. changes the value 
    this.asyncTestFunction(); // 3. call async function 
    for(var i=0;i<3999999999;i++){ // 5. start for loop 

    } 
    // 6. end for loop 
} 

asyncTestFunction() { 
    this._contentSalesTextConfigService.get(this.contentSalesTextConfig) // 4. call the http request 
    .subscribe(item => { 
     this.textContentMain.title = "asynced"; // 7. asap response is received and for loop finish its execution this wiil be executed. 
    }) 
} 

なぜ=> 7をクリアする必要があります応答が受信され、forループ実行を終了します これは実行されます。 （なぜ「forループ」が終了するのを待つのですか？）

What the heck is the event loop anyway?