初識angular體驗(三)-創(chuàng)新互聯(lián)

哈嘍，大家好，不知不覺又過了一個星期，感覺一周一周過得好快啊，上周的分享我們說到了angular的一個主要的特性——雙向數(shù)據(jù)綁定，這周呢，我會把其他特性以代碼的形式給大家介紹！！

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：國際域名空間、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、佳木斯網(wǎng)站維護、網(wǎng)站推廣。

特性二：模板

在AngularJS中，一個模板就是一個HTML文件。但是HTML的內(nèi)容擴展了，包含了很多幫助你映射model到view的內(nèi)容。

HTML模板將會被瀏覽器解析到DOM中。DOM然后成為AngularJS編譯器的輸入。AngularJS將會遍歷DOM模板來生成一些指導(dǎo)，即，directive（指令）。所有的指令都負責(zé)針對view來設(shè)置數(shù)據(jù)綁定。

我們要理解AuguarJS并不把模板當(dāng)做String來操作。輸入AngularJS的是DOM而非string。數(shù)據(jù)綁定是DOM變化，不是字符串的連接或者innerHTML變化。使用DOM作為輸入，而不是字符串，是AngularJS區(qū)別于其它的框架的大原因。使用DOM允許你擴展指令詞匯并且可以創(chuàng)建你自己的指令，甚至開發(fā)可重用的組件。

var m= angular.module('hd',[]);
        m.controller('ctrl',['$scope',function($scope){
             scope.p_w_picpaths = [
            {"p_w_picpath":"img/p_w_picpath_01.png", "description":"Image 01 description"},
            {"p_w_picpath":"img/p_w_picpath_02.png", "description":"Image 02 description"},
            {"p_w_picpath":"img/p_w_picpath_03.png", "description":"Image 03 description"},
            {"p_w_picpath":"img/p_w_picpath_04.png", "description":"Image 04 description"},
            {"p_w_picpath":"img/p_w_picpath_05.png", "description":"Image 05 description"}
        ];
}]); 
 <div ng-controller="'ctrl'">
      <ul>
        <li ng-repeat="p_w_picpath in p_w_picpaths">
          <img ng-src="`p_w_picpath`.`thumbnail`" alt="`p_w_picpath`.`description`">
        </li>
      </ul>
    </div>

以上代碼就是通過遍歷scope.p_w_picpaths 的數(shù)據(jù)把img一一通過li輸出，這就是一個模板。

當(dāng)然，真正的項目的數(shù)據(jù)都是通過接口去讀取的，在這里我只能以假的數(shù)據(jù)來定義！

特性三：MVC

針對客戶端應(yīng)用開發(fā)AngularJS吸收了傳統(tǒng)的MVC基本原則。MVC或者Model-View-Controll設(shè)計模式針對不同的人可能意味不同的東西。AngularJS并不執(zhí)行傳統(tǒng)意義上的MVC，更接近于MVVM（Model-View-ViewModel)。

特性四：依賴注入（Dependency Injection，即DI）

AngularJS擁有內(nèi)建的依賴注入子系統(tǒng)，可以幫助開發(fā)人員更容易的開發(fā)，理解和測試應(yīng)用。

DI允許你請求你的依賴，而不是自己找尋它們。比如，我們需要一個東西，DI負責(zé)找創(chuàng)建并且提供給我們。

特性五：Directives（指令）

指令可以用來創(chuàng)建自定義的標簽。它們可以用來裝飾元素或者操作DOM屬性。

好啦，以上就是這周分享的內(nèi)容，下周開始我會以節(jié)的形式給大家分享angular知識點和注意事項，讓我們這些零基礎(chǔ)的朋友們，能夠快速進步?。?！

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證，機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

當(dāng)前文章：初識angular體驗(三)-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://muchs.cn/article40/csggeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、建站公司、小程序開發(fā)、網(wǎng)站改版、網(wǎng)站收錄、網(wǎng)頁設(shè)計公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容