3個(gè)可以改善用戶體驗(yàn)的AngularJS指令介紹_AngularJS

為了在你的應(yīng)用中展示頭像圖片，你需要使用用戶的電子郵件地址，將地址轉(zhuǎn)換為小寫并使用md5加密該字符串。所以聰明的做法是使用指令來做到這些，并且可以復(fù)用。

2. 關(guān)注我

這其實(shí)是一個(gè)非常簡短的指令，但是非常棒。在下面的例子中，用戶點(diǎn)擊了一個(gè)鏈接，顯示的輸入框需要能夠自動(dòng)獲得焦點(diǎn)。這樣，用戶在頁面顯示時(shí)不必再手動(dòng)點(diǎn)擊文本域。

3.Contenteditable元素模型綁定

我們使用contenteditable而不是textarea元素的最主要原因在于使用前者可以在布局和UI中沒有限制。我們?cè)诰庉嬈髦惺褂眠@條指令可以實(shí)現(xiàn)將contenteditable元素的html和ng-model進(jìn)行一個(gè)雙向綁定。目前，在contenteditable元素中并沒有支持ng-model。

結(jié)論：AngularJS指令可用于改善用戶體驗(yàn)

我希望經(jīng)過文中的介紹，你會(huì)感悟到AngularJS指令的有用之處。

對(duì)我而言，指令是AngularJS中最激動(dòng)人心的特性。創(chuàng)建可重用的組件，并可以將其添加到純粹的HTML應(yīng)用程序庫，這是多么難以置信并且強(qiáng)大的功能。由于指令實(shí)用，并且大部分指令書寫難度不高，許多開發(fā)者早已對(duì)于目前受歡迎的庫開發(fā)了許多指令。舉例來說，AngularJS團(tuán)隊(duì)已經(jīng)為Bootstrap創(chuàng)建了一系列的指令（難道還有人不用它嗎？），被稱作UI Bootstrap。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com