AngularJS 手機(jī)目錄應(yīng)用教程

概述

這個(gè)應(yīng)用將帶領(lǐng)開發(fā)者貫穿使用angularjs來開發(fā)一個(gè)web-app程序。這個(gè)應(yīng)用程序是基于?Google Phone Gallery

但它現(xiàn)在已經(jīng)不存在了。這是一個(gè)借鑒參考文檔。

每一個(gè)標(biāo)記的提交是一個(gè)關(guān)于angularjs某一方面單獨(dú)的教程

全部的教程可以在以下網(wǎng)址找到：?http://docs.angularjs.org/tutorial.

?

需要的工具

Git

Node.js and Tools

程序的運(yùn)作

這個(gè)應(yīng)用的文件系統(tǒng)布局結(jié)構(gòu)是基于?angular-seed

這個(gè)程序沒有動(dòng)態(tài)的后臺(tái)（沒有服務(wù)器）我們將以一些json文件作為假數(shù)據(jù)

閱讀在最后的開發(fā)部分讓你自己熟悉怎么運(yùn)行和開發(fā)一個(gè)angular程序

?

教程大綱

你可以通過git checkout step-？來檢查教程的任何一點(diǎn)

通過?git diff command. git diff step-?..step-?看查看兩個(gè)教程之間的變化

?

step-0

增加ngApp指令部署app

用一個(gè)表達(dá)式增加簡(jiǎn)單的模板

?

step-1

向靜態(tài)的html列表增加兩個(gè)手機(jī)到index.html，我們利用angular.js將這個(gè)靜態(tài)的頁面變成動(dòng)態(tài)

?

?

step-2

通過以下途徑將靜態(tài)的html變成動(dòng)態(tài)的

? ? 為程序創(chuàng)建一個(gè)控制器PhoneListCtrl

　　將數(shù)據(jù)從html中提取出來并將它移到控制器中作為緩存數(shù)據(jù)集

　　通過使用ng-repeat指令迭代數(shù)據(jù)集中的手機(jī)可以將靜態(tài)的html轉(zhuǎn)換為angula-repeat會(huì)將數(shù)據(jù)集中的每個(gè)對(duì)象都clone出來并渲染在頁面上

增加一個(gè)簡(jiǎn)單的單元 test 去展示怎么樣去寫tests和用karam運(yùn)行他們

?

轉(zhuǎn)載于:https://www.cnblogs.com/obeing/p/5510645.html

總結(jié)

以上是生活随笔為你收集整理的angular.js phonecat翻译的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。