在分析bootstrapModule方法時(shí),我們發(fā)現(xiàn)當(dāng)需要一個類的事例的時(shí)候只需要調(diào)用injector.get方法就能夠得到。這個Injector就是Angular依賴注入的...
在分析bootstrapModule方法時(shí),我們發(fā)現(xiàn)當(dāng)需要一個類的事例的時(shí)候只需要調(diào)用injector.get方法就能夠得到。這個Injector就是Angular依賴注入的...
在試用Angular進(jìn)行開發(fā)的時(shí)候,我們很多時(shí)間都是在設(shè)計(jì)Component、Module。在定義一個Component的時(shí)候我們使用的是@Component進(jìn)行注解聲明的,...
bootstrapModule是PlatformRef的一個方法,這個方法中實(shí)現(xiàn)了Module的初始化、Component的初始化等,是Angular2的啟動函數(shù)。閱讀代碼我...
一個最簡單的Angular程序 在了解Angular2啟動過程之前,我們先看一段代碼: 這一段代碼主要有四個部分組成:1、引用Angular相關(guān)的類2、定義Component...
概述 select指令實(shí)現(xiàn)的是下拉框的功能,一般會配合option指令以及ng-model指令使用。在select指令中常用的一些指令: 在option指令中,會把value...
概述 數(shù)據(jù)輸入有效性校驗(yàn)相關(guān)的指令一共有四個,實(shí)際是八個(每一個指令都有一個ng開頭的同名指令): 這個指令必須依賴ng-model,如果沒有設(shè)置ng-model,就不會有任...
概述 ng-model-options指令用來更改ng-model等指令的默認(rèn)行為,這個指令可以在任何位置使用,它會影響ng-model和輸入型指令以及他們的派生指令。ng-...
概述 ng-model指令的作用是把輸入型的元素(input,select,textarea等)和scope中的數(shù)據(jù)進(jìn)行綁定的作用,也可以用在自定義的form元素上。ng-m...
概述 ng-switch可以設(shè)置一個開關(guān)量,控制子元素顯示情況。ng-switch需要和另外兩個指令:ng-switch-default和ng-switch-when。 實(shí)現(xiàn)...
概述 ng-class指令實(shí)現(xiàn)了把元素的class屬性和數(shù)據(jù)模型綁定的功能。在進(jìn)行樣式動態(tài)控制時(shí)非常的有用。ng-class指令實(shí)際上有三種。分別為: 實(shí)現(xiàn)細(xì)節(jié) 三種指令實(shí)現(xiàn)...
概述 Angular JS為很多屬性實(shí)現(xiàn)了對應(yīng)的directive。通過[ng-]開頭的屬性實(shí)現(xiàn)對應(yīng)的屬性與scope數(shù)據(jù)進(jìn)行綁定。如:ng-disabled='enable...
概述 Angular JS中的[a]標(biāo)簽只是對HTML中的[a]標(biāo)簽的一個簡單的封裝。在Angular JS中會檢查href屬性,如果屬性不存在就會阻止瀏覽器對a標(biāo)簽的默認(rèn)操...