AngularJS 手機目錄應用教程

概述

這個應用將帶領開發者貫穿使用angularjs來開發一個web-app程序。這個應用程序是基于?Google Phone Gallery

但它現在已經不存在了。這是一個借鑒參考文檔。

每一個標記的提交是一個關于angularjs某一方面單獨的教程

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

?

需要的工具

Git

Node.js and Tools

程序的運作

這個應用的文件系統布局結構是基于?angular-seed

這個程序沒有動態的后臺（沒有服務器）我們將以一些json文件作為假數據

閱讀在最后的開發部分讓你自己熟悉怎么運行和開發一個angular程序

?

教程大綱

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

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

?

step-0

增加ngApp指令部署app

用一個表達式增加簡單的模板

?

step-1

向靜態的html列表增加兩個手機到index.html，我們利用angular.js將這個靜態的頁面變成動態

?

?

step-2

通過以下途徑將靜態的html變成動態的

? ? 為程序創建一個控制器PhoneListCtrl

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

　　通過使用ng-repeat指令迭代數據集中的手機可以將靜態的html轉換為angula-repeat會將數據集中的每個對象都clone出來并渲染在頁面上

增加一個簡單的單元 test 去展示怎么樣去寫tests和用karam運行他們

?

轉載于:https://www.cnblogs.com/obeing/p/5510645.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。