angular學習筆記(6) 指令

2022-09-16 05:18:12 字數 377 閱讀 8067

angular1學習筆記(6)- 指令

restrict-匹配模式

1.a - 屬性

2.m - 注釋 

3.e - 元素 

4.c - 樣式類    注釋留空兩邊

推薦使用元素和屬性的方式使用指令

當需要建立帶有自己的模板的指令時,使用元素名稱的方式建立指令

當需要為已有的html標籤增加功能時,使用屬性的方式建立指令

scope的繫結策略

1.@  把當前屬性作為字串傳遞,還可以繫結來自外層scope的值,在屬性值中插入}即可

2.=    與父scope中的屬性進行雙向繫結

3.& 傳遞乙個來自父scope的函式,稍後呼叫

Angular複習筆記5 指令

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

angular學習筆記 三十 指令 1 概述

之前在 angular學習筆記 十九 指令修改dom 裡面已經簡單的提到了angular中的指令,現在來詳細的介紹 指令 一.指令的建立 require string link function scope,element,attrs,ctrl,transclude compile function...

angular學習筆記 三十 指令 1 概述

之前在 angular學習筆記 十九 指令修改dom 裡面已經簡單的提到了angular中的指令,現在來詳細的介紹 指令 一.指令的建立 require string link function scope,element,attrs,ctrl,transclude compile function...