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