国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

angularjs初識

tanglijun / 1881人閱讀

摘要：總的來說，收獲很大。這里這里就以一些常用的標簽談?wù)勚械幕A(chǔ)知識。然后還有一個表示記錄的索引號，從開始。已經(jīng)用這個數(shù)組的值替他們分好了組了，是不是感覺很強大，還有很多強大的地方等著我們?nèi)W(xué)習，掌握它，還有更強大的等著我們。

周三的時候跟著老師簡單的入門了angularjs，然后去圖書館找了一本《Angularjs實戰(zhàn)》來看了看，雖然這本書網(wǎng)上的評價不太高，但對于初學(xué)者的我來說還是不錯的，有較詳盡的示例代碼和比較清楚的代碼講解。總的來說，收獲很大。
這里這里就以一些常用的html標簽談?wù)刟ngularjs中的基礎(chǔ)知識。

全局對象window

在angularjs中的全局對象window被$window所替換，也就是說在angularjs中若想使用window的方法如alert等，就需要：

$window.alert("....")這樣調(diào)用

還記得剛開始接觸js時，最喜歡用alert調(diào)試代碼，因為他很醒目，不過這是最差的方式，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較難完成的操作，如果感興趣，就自己打印出來看看有些啥，在此不多討論

單選框和復(fù)選框

在復(fù)選框中可以賦予其ng-true-value,ng-false-value屬性，讓其在選中和未選中時可以觸發(fā)不同效果，其他方面沒啥深究的。

select

select在angularjs中變得更加強大了，這也是本篇博客的重點，select綁定數(shù)據(jù)的形式主要有三種：

（1）綁定簡單的數(shù)組數(shù)據(jù)，就和普通的select一樣
(2)綁定簡單的對象數(shù)據(jù)

在頁面通過“ng-options”屬性值，采用"...as...for...in.."格式將對象與select綁定

as前面的部分對應(yīng)元素的value值，用于選中時獲取，后面的用于顯示


選擇小學(xué)后的效果

（3）一分組的形式綁定數(shù)據(jù)


是否發(fā)現(xiàn)了什么不同想知道他的作用嗎？
別急，下面就給你看

有了這個只有兩段的級聯(lián)就可以省去了。

angularjs已經(jīng)用這個數(shù)組的grade值替他們分好了組了，是不是感覺很強大，angularjs還有很多強大的地方等著我們?nèi)W(xué)習，掌握它，還有更強大的angular等著我們。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/97519.html

相關(guān)文章

  • angular - 收藏集 - 掘金

    摘要：如何在中使用動畫前端掘金本文講一下中動畫應(yīng)用的部分。與的快速入門指南推薦前端掘金是非常棒的框架，能夠創(chuàng)建功能強大，動態(tài)功能的。自發(fā)布以來，已經(jīng)廣泛應(yīng)用于開發(fā)中。 如何在 Angular 中使用動畫 - 前端 - 掘金本文講一下Angular中動畫應(yīng)用的部分。 首先，Angular本生不提供動畫機制，需要在項目中加入Angular插件模塊ngAnimate才能完成Angular的動畫機制...

    AlexTuan 評論0 收藏0

  • 初識React

    摘要：初識依稀記得那年參加線下活動，第一次聽說這個詞語，當時的主講人是郭達峰，他播放了一個關(guān)于及的性能對比視頻。合成事件會以事件委托的方式綁定到組件最上層，并且在組件卸載的時候自動銷毀綁定的事件。 初識React 依稀記得2015那年參加線下活動，第一次聽說React這個詞語，當時的主講人是郭達峰，他播放了一個關(guān)于ember、angular及react的性能對比視頻： React.js Co...

    kuangcaibao 評論0 收藏0

  • 2017-06-29 前端日報

    摘要：前端日報精選如何在非項目中使用知乎專欄編碼規(guī)范最常被遺忘的性能優(yōu)化瀏覽器緩存?zhèn)€人文章譯統(tǒng)一樣式語言掘金新的開發(fā)者提及最多的個視頻眾成翻譯中文第期在中使用譯統(tǒng)一樣式語言掘金前端現(xiàn)狀答題救不了前端新人相學(xué)長懟前端歲以 2017-06-29 前端日報 精選 如何在非 React 項目中使用 Redux - 知乎專欄Javascript編碼規(guī)范 - Clearlove - SegmentFau...

    gaosboy 評論0 收藏0

  • 【譯】《精通使用AngularJS開發(fā)Web App》（一） --- 相關(guān)背景、社區(qū)、工具介紹

    摘要：下一篇譯精通使用開發(fā)二原版書名第一章之道這一章主要是介紹，包括這個框架以及它背后的項目。幸運的是，擁有一個活躍的，支持度高的社區(qū)。另外，社區(qū)還為已經(jīng)存在的工具箱里貢獻了許多有意思的工具。 下一篇：【譯】《精通使用AngularJS開發(fā)Web App》（二） 原版書名：Mastering Web Application Development with AngularJS Ch...

    ddongjian0000 評論0 收藏0

  • 【譯】《精通使用AngularJS開發(fā)Web App》（二） --- 框架概覽，雙向數(shù)據(jù)綁定，MVC

    摘要：本書的這一部分將為隨后的章節(jié)打下基礎(chǔ)，會涵蓋模板，模塊化，和依賴注入。本書的小例子中我們會使用未經(jīng)壓縮的，開發(fā)友好的版本，在的上。作用域也可以針對特定的視圖來擴展數(shù)據(jù)和特定的功能。 上一篇：【譯】《精通使用AngularJS開發(fā)Web App》（一） 下一篇：【譯】《精通使用AngularJS開發(fā)Web App》（三） 原版書名：Mastering Web Application D...

    geekidentity 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<