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

2022-03-17 21:30:10 字數 621 閱讀 3158

之前在 angular學習筆記(十九)-指令修改dom

裡面已經簡單的提到了angular中的指令,現在來詳細的介紹 '指令' 

一.指令的建立:

(), require:'string',

link:

function

(scope,element,attrs,ctrl,transclude){},

compile:

function

(element,attrs,transclude),

post:

function

(scope,element,attrs,controller){}}}

};return

obj});

第乙個引數:是乙個字串,也就是指令的名字.一般的命名規則是用'-'來分割,'-'前是命名空間,'-'後是給這個指令取的名字.其實我們之前用到的比如'ng-repeat','ng-model','ng-view'...等,這些都是angular自帶的指令.他們的實質也就是指令.所以,自己建立的指令不應該使用ng作為命名空間.

第二個引數:是乙個函式,該函式返回乙個json物件.該物件一共可以有上面列出來的11個屬性.在後面的文章中一一講解這些屬性.

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

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

angular學習筆記(6) 指令

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

Angular複習筆記5 指令

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