這篇文章主要給大家介紹了關於對Angular中單向資料流的深入理解,文中透過範例程式碼介紹的非常詳細,對大家的學習或工作具有一定的參考學習價值,需要的朋友們下面一起學習學習吧。
變更偵測
Angular 中,資料是由頂部根節點流向最後的葉子節點,整個資料流是單向,構成一顆單向樹。
Angular 認為所有的非同步操作都有可能會造成模型的變化,造成資料模型發生變化的事件來源有:
Events:click, mouseover, keyup ...
Timers:setInterval、setTimeout
渲染輸出
注意:綠色標誌會多次呼叫
從生命呼叫週期來看(綠色有向線),ngAfterViewChecked 標示此元件及子元件視圖輸出完成。看以下一個例子:import {Component, AfterViewChecked} from '@angular/core'; import {Course} from "./course"; @Component({ selector: 'app-root', template: ` <p class="course"> <span class="description">{{course.description}}</span> </p> `}) export class AppComponent implements AfterViewChecked { course: Course = { id: 1, description: "Angular For Beginners" }; ngAfterViewChecked() { this.course.description += Math.random(); } }
這表示資料模型到視圖過程是單向,且不可在視圖後發生資料流發生變化。
總結
##
以上是對Angular中單向資料流的深入理解的詳細內容。更多資訊請關注PHP中文網其他相關文章!