路由簡介 路由是 Angular 應用程序的核心，它加載與所請求路由相關聯的組件，以及獲取特定路由的相關數據。這允許我們通過控制不同的路由，獲取不同的數據，從而渲染不同的頁面。 相關的類 Routes Routes其實是一個Route類的數組。 而Route的參數如下圖所示，一般 ...

單頁面應用現在是主流，隨之而來的缺點：頁面間切換時不能保存狀態 angular4出了一個RouteReuseStrategy路由重用策略可以讓組件所有的state和渲染好的html存起來，然后在切回去的時候再調出來。 替換一旦發生，某些組件將被丟棄 這時shouldDetech ...

內容投影 ng-content ng-content是一個占位符，有些類似於router-outlet。 以前舉の例子，父組件包含子組件都是直接指明子組件的selector，比如子組件的sele ...

概念 依賴注入是一種設計思想，並不是某一類語言所特有的，因此可以參考開濤大神關於學習Java語言的Spring框架時對其的解釋： DI—Dependency Injection，即“依賴注入 ...

概述 Angular中的輸入輸出是通過注解@Input和@Output來標識，它位於組件控制器的屬性上方。 輸入輸出針對的對象是父子組件。 演示 Input 新建項目connInComponents:ng new connInComponents. 新增組件stock:ng g ...

下載nodejs 下載地址 在命令行輸入：npm -v 如果出現如下畫面即安裝成功 安裝Angular的cli命令行工具 命令：sudo npm install -g @angular/cli 輸入ng -v，如出現以下畫面即表示安裝成功 創建項目 ...

基礎 ViewChild ViewChild 裝飾器用於獲取模板視圖中的元素或直接調用其組件中的方法。它支持 Type 類型或 string 類型的選擇器，同時支持設置 read 查詢條件，以獲取不同類型的實例。比如ElementRef和ViewContainerRef. ...

angular2的routerLinkActive指令在路由激活時添加樣式class .red{ color: red;} <a routerLink="/user/login" routerLinkActive="red">login</a>當url是user ...