-
AngularJS入门教程07:路由与多视图
AngularJS入门教程——AngularJS中文社区提供 在这一步,你将学习如何创建一个布局模板并且通过路由功能来构建一个具有多个视图的应用。 请重置工作目录: git checkout -f step-7 注意到现在当你转到app/index.html时,你会被重定向到app/...2013-08-25 阅读172
-
AngularJS入门教程06:链接与图片模板
AngularJS入门教程——AngularJS中文社区提供 这一步,你会为手机列表的手机添加缩略图以及一些链接,不过这些链接还不会起作用。接下来你会使用这些链接来分类显示手机的额外信息。 请重置工作目录: git checkout -f step-6 现在你应该能够...2013-08-22 阅读186
-
AngularJS入门教程05:XHR和依赖注入
AngularJS入门教程——AngularJS中文社区提供 到现在为止,我们使用是硬编码的三条手机记录数据集。现在我们使用AngularJS一个内置服务$http来获取一个更大的手机记录数据集。我们将使用AngularJS的依赖注入(dependency injection (DI))功能来为PhoneListCtrl控制器提供这...2013-08-19 阅读171
-
AngularJS入门教程04:双向绑定
AngularJS入门教程——AngularJS中文社区提供 在这一步你会增加一个让用户控制手机列表显示顺序的特性。动态排序可以这样实现,添加一个新的模型属性,把它和迭代器集成起来,然后让数据绑定完成剩下的事情。 请重置工作目录: git checkout -f step-4...2013-08-17 阅读187
-
AngularJS入门教程03:迭代器过滤
AngularJS入门教程——AngularJS中文社区提供 我们在上一步做了很多基础性的训练,所以现在我们可以来做一些简单的事情喽。我们要加入全文检索功能(没错,这个真的非常简单!)。同时,我们也会写一个端到端测试,因为一个好的端到端测试可以帮上很大忙。它监视着你的应用,并且...2013-08-15 阅读195
-
AngularJS入门教程02:AngularJS 模板
AngularJS入门教程——AngularJS中文社区提供 是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试。 一个应用的代码架构有很多种。对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和分离关注点。考...2013-08-13 阅读196
-
AngularJS入门教程01:静态模板
为了说明angularJS如何增强了标准HTML,我们先将创建一个静态HTML页面模板,然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。 在本步骤中,我们往HTML页面中添加两个手机的基本信息,用以下命令将工作目录重置到步骤1。 git checkout -f step-1 请编辑app/index....2013-08-11 阅读187
-
AngularJS入门教程00:引导程序
我们现在开始准备编写AngularJS应用——phonecat。这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用。 进入angular-phonecat目录,运行如下命令: git checkout -f step-0 该命令...2013-08-08 阅读191
-
AngularJS入门教程:导言和准备
学习AngularJS的一个好方法是逐步完成本教程,它将引导您构建一个完整的AngularJS web应用程序。 该web应用是一个Android设备清单的目录列表,您可以筛选列表以便查看您感兴趣的设备,然后查看设备的详细信息。 本教程将向您展示AngularJS怎样使得web应用更智能更灵活,...2013-08-06 阅读211
-
AngularJS快速开始
AngularJS入门教程——AngularJS中文社区提供 Hello World! 开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”: 使用您喜爱的文本编辑器,创建一个HTML文件,例如:helloworld.html。 将下面的源代码...2013-08-04 阅读171