Angular2 指令 路由指令

2021-07-30 22:10:54 字數 743 閱讀 1916

routeroutlet的作用是在模板中開闢出一片區域,用於顯示url所對應的元件,angular將模板中使用了 標籤的元件統稱為路由元件

router-outlet>

main>

routerlink接收乙個連線引數陣列,angular將根據該陣列來生成urltree例項進行跳轉。

routerlink="/form">表單a>

div>

routerlink的強大之處是他可以被應用到任何html元素上,使得頁面跳轉不需要依賴超連結。

表單button>
當routerlink被啟用時,還可以通過routerlinkactive指令為其相應的html元素指令css類。下面的例子,定義了乙個css類.active,並通過routerlinkactive將其賦給收藏頁的鏈結。當單擊該鏈結後,.active類將被應用到標籤上。

routerlink="/form"

routerlinkactive="active">表單a>

routerlinkactive指令除了可以作用域routerlink所在的元素之外,還可以作用於這些元素的任意祖先元素

routerlinkactive="active">

routerlink="/form" >表單a>

div>

2 指令字首

怎麼判斷是不是字首指令呢?字首指令就幾個,很好確定,根據指令的內容來確定 字首指令最多是4個,每組乙個 1 lock 和repeat字首指令 lock f0 鎖位址匯流排的 在同一時刻只能有乙個核的cpu來讀取那條指令,這個指令在多核下才有意義 repne repnz f2 重複執行 當zf是0的時...

Angular複習筆記5 指令

在angular中,指令是乙個重要的概念,它作用在特定的dom元素上,可以擴充套件這個元素的功能,為元素增加新的行為。本質上,元件可以被理解為一種帶有檢視的指令。元件繼承自指令,是指令的乙個子類,通常被用來構造ui控制項。指令的使用並不複雜,它與html元素屬性的使用方式相似。不同的是,html語法...

angular學習筆記(6) 指令

angular1學習筆記 6 指令 restrict 匹配模式 1.a 屬性 2.m 注釋 3.e 元素 4.c 樣式類 注釋留空兩邊 推薦使用元素和屬性的方式使用指令 當需要建立帶有自己的模板的指令時,使用元素名稱的方式建立指令 當需要為已有的html標籤增加功能時,使用屬性的方式建立指令 sco...