資訊專欄INFORMATION COLUMN
摘要：總的來(lái)說(shuō)，收獲很大。這里這里就以一些常用的標(biāo)簽談?wù)勚械幕A(chǔ)知識(shí)。然后還有一個(gè)表示記錄的索引號(hào)，從開始。已經(jīng)用這個(gè)數(shù)組的值替他們分好了組了，是不是感覺(jué)很強(qiáng)大，還有很多強(qiáng)大的地方等著我們?nèi)W(xué)習(xí)，掌握它，還有更強(qiáng)大的等著我們。
周三的時(shí)候跟著老師簡(jiǎn)單的入門了angularjs，然后去圖書館找了一本《Angularjs實(shí)戰(zhàn)》來(lái)看了看，雖然這本書網(wǎng)上的評(píng)價(jià)不太高，但對(duì)于初學(xué)者的我來(lái)說(shuō)還是不錯(cuò)的，有較詳盡的示例代碼和比較清楚的代碼講解?？偟膩?lái)說(shuō)，收獲很大。
這里這里就以一些常用的html標(biāo)簽談?wù)刟ngularjs中的基礎(chǔ)知識(shí)。
在angularjs中的全局對(duì)象window被$window所替換，也就是說(shuō)在angularjs中若想使用window的方法如alert等，就需要：
$window.alert("....")這樣調(diào)用
還記得剛開始接觸js時(shí)，最喜歡用alert調(diào)試代碼，因?yàn)樗苄涯?，不過(guò)這是最差的方式，console,和debugger更加優(yōu)越。
ng-repeat這是一個(gè)相當(dāng)重要方便和重要的標(biāo)簽，和thinkphp的volist一樣，不過(guò)比其還是要強(qiáng)大一些，它比volist多了一些屬性
$first 該記錄是否是首條 $last 是否是最后一條 $middle 記錄是否是中間條 這些都是是則返回true，否則返回false。 然后還有一個(gè)$index 表示記錄的索引號(hào)，從0開始。
ng-repeat，ng-class以及angularjs的數(shù)據(jù)雙向綁定配合使用可以輕松實(shí)現(xiàn)一些看著比較高級(jí)的操作
點(diǎn)擊選中效果和隔行顏色變化
代碼如下：
添加元素樣式
-
序號(hào)
姓名
性別
是否首條
是否尾條
-
{{$index+1}}
{{stu.name}}
{{stu.sex}}
{{$first?"是":"否"}}
{{$last?"是":"否"}}
模表單控件
form
首先就是form表單，angularjs給與了form表單5個(gè)屬性
$pristine 表示表單或控件是否未輸入過(guò) $dirty 表示是否已輸入過(guò) $valid 表示是否已驗(yàn)證通過(guò) $invalid 表示是否未驗(yàn)證通過(guò) $error 驗(yàn)證時(shí)的錯(cuò)誤提示信息
若是能夠好好利用這些信息，可以完成很多純html較難完成的操作，如果感興趣，就自己打印出來(lái)看看有些啥，在此不多討論
單選框和復(fù)選框在復(fù)選框中可以賦予其ng-true-value,ng-false-value屬性，讓其在選中和未選中時(shí)可以觸發(fā)不同效果，其他方面沒(méi)啥深究的。
selectselect在angularjs中變得更加強(qiáng)大了，這也是本篇博客的重點(diǎn)，select綁定數(shù)據(jù)的形式主要有三種：
在頁(yè)面通過(guò)“ng-options”屬性值，采用"...as...for...in.."格式將對(duì)象與select綁定
as前面的部分對(duì)應(yīng)元素的value值，用于選中時(shí)獲取，后面的用于顯示
選擇小學(xué)后的效果
是否發(fā)現(xiàn)了什么不同想知道他的作用嗎？
別急，下面就給你看
有了這個(gè)只有兩段的級(jí)聯(lián)就可以省去了。
angularjs已經(jīng)用這個(gè)數(shù)組的grade值替他們分好了組了，是不是感覺(jué)很強(qiáng)大，angularjs還有很多強(qiáng)大的地方等著我們?nèi)W(xué)習(xí)，掌握它，還有更強(qiáng)大的angular等著我們。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/97519.html
摘要：如何在中使用動(dòng)畫前端掘金本文講一下中動(dòng)畫應(yīng)用的部分。與的快速入門指南推薦前端掘金是非常棒的框架，能夠創(chuàng)建功能強(qiáng)大，動(dòng)態(tài)功能的。自發(fā)布以來(lái)，已經(jīng)廣泛應(yīng)用于開發(fā)中。 如何在 Angular 中使用動(dòng)畫 - 前端 - 掘金本文講一下Angular中動(dòng)畫應(yīng)用的部分。 首先，Angular本生不提供動(dòng)畫機(jī)制，需要在項(xiàng)目中加入Angular插件模塊ngAnimate才能完成Angular的動(dòng)畫機(jī)制...
摘要：初識(shí)依稀記得那年參加線下活動(dòng)，第一次聽說(shuō)這個(gè)詞語(yǔ)，當(dāng)時(shí)的主講人是郭達(dá)峰，他播放了一個(gè)關(guān)于及的性能對(duì)比視頻。合成事件會(huì)以事件委托的方式綁定到組件最上層，并且在組件卸載的時(shí)候自動(dòng)銷毀綁定的事件。 初識(shí)React 依稀記得2015那年參加線下活動(dòng)，第一次聽說(shuō)React這個(gè)詞語(yǔ)，當(dāng)時(shí)的主講人是郭達(dá)峰，他播放了一個(gè)關(guān)于ember、angular及react的性能對(duì)比視頻： React.js Co...
摘要：前端日?qǐng)?bào)精選如何在非項(xiàng)目中使用知乎專欄編碼規(guī)范最常被遺忘的性能優(yōu)化瀏覽器緩存?zhèn)€人文章譯統(tǒng)一樣式語(yǔ)言掘金新的開發(fā)者提及最多的個(gè)視頻眾成翻譯中文第期在中使用譯統(tǒng)一樣式語(yǔ)言掘金前端現(xiàn)狀答題救不了前端新人相學(xué)長(zhǎng)懟前端歲以 2017-06-29 前端日?qǐng)?bào) 精選 如何在非 React 項(xiàng)目中使用 Redux - 知乎專欄Javascript編碼規(guī)范 - Clearlove - SegmentFau...
摘要：下一篇譯精通使用開發(fā)二原版書名第一章之道這一章主要是介紹，包括這個(gè)框架以及它背后的項(xiàng)目。幸運(yùn)的是，擁有一個(gè)活躍的，支持度高的社區(qū)。另外，社區(qū)還為已經(jīng)存在的工具箱里貢獻(xiàn)了許多有意思的工具。 下一篇：【譯】《精通使用AngularJS開發(fā)Web App》（二） 原版書名：Mastering Web Application Development with AngularJS Ch...
摘要：本書的這一部分將為隨后的章節(jié)打下基礎(chǔ)，會(huì)涵蓋模板，模塊化，和依賴注入。本書的小例子中我們會(huì)使用未經(jīng)壓縮的，開發(fā)友好的版本，在的上。作用域也可以針對(duì)特定的視圖來(lái)擴(kuò)展數(shù)據(jù)和特定的功能。 上一篇：【譯】《精通使用AngularJS開發(fā)Web App》（一） 下一篇：【譯】《精通使用AngularJS開發(fā)Web App》（三） 原版書名：Mastering Web Application D...
閱讀 2491·2021-09-28 09:36
閱讀 3635·2021-09-22 15:41
閱讀 4456·2021-09-04 16:45
閱讀 2087·2019-08-30 15:55
閱讀 2875·2019-08-30 13:49
閱讀 852·2019-08-29 16:34
閱讀 2410·2019-08-29 12:57
閱讀 1706·2019-08-26 18:42
