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翻译相关推荐

前端框架-Angular.js
前端的功能与单页应用就webapp开发而言,前端实现的功能主要有: -实现UI(渲染出用户可见的视图和各种功能组件) -对用户的操作(事件)做出反应 -实现业务逻辑 -实现页面路由 -与服务器端交互 ...
如何使用多个参数调用Angular.js过滤器？
本文翻译自:How do I call an Angular.js filter with multiple arguments? As from the documentation , we can ...
如何在Angular.js选择框中使用默认选项
本文翻译自:How to have a default option in Angular.js select box I have searched Google and can't find an ...
史上最全的Angular.js 的学习资源
Angular.js 的一些学习资源基础官方: http://docs.angularjs.org angularjs官方网站已被墙,可看 http://www.ngnice.com/: 官方zi ...
angular8 rest_带有Angular JS的Java EE 7 – CRUD，REST，验证–第2部分
angular8 rest 这是Angular JS承诺的Java EE 7的后续版本–第1部分 . 花了比我预期更长的时间(找到时间来准备代码和博客文章),但是终于到了! 应用程序第1部分中的原始 ...
angular java_带有Angular JS的Java EE 7 –第1部分
angular java 今天的帖子将向您展示如何使用Java EE 7和Angular JS构建一个非常简单的应用程序. 在去那里之前,让我告诉您一个简短的故事: 我必须承认,我从来都不是Java语 ...
带有Angular JS的Java EE 7 – CRUD，REST，验证–第2部分
这是Angular JS承诺的Java EE 7的后续版本–第1部分 . 花了比我预期更长的时间(找到时间来准备代码和博客文章),但是终于到了! 应用程序第1部分中的原始应用程序只是带有分页的简单列 ...
带有Angular JS的Java EE 7 –第1部分
今天的帖子将向您展示如何使用Java EE 7和Angular JS构建非常简单的应用程序. 在去那里之前,让我告诉您一个简短的故事: 我不得不承认,我从来都不是Java语言的忠实拥护者,但是我仍然记 ...
MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录...
注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是 ...

angular.js phonecat翻译

AngularJS 手机目录应用教程

Git

Node.js and Tools

angular.js phonecat翻译相关推荐

最新文章

热门文章