《AngularJS高级程序设计》——第2章 你的第一个AngularJS应用 2.1 准备项目

简介: 开始使用AngularJS的最好方式就是潜心钻研进去,创建一个Web应用程序。在本章中,我将带你学习一个简单的开发过程,从一个目标应用程序的静态模型开始,使用AngularJS的特性打造出一个动态的Web应用程序,尽管只是一个简单的程序。

本节书摘来自异步社区《AngularJS高级程序设计》一书中的第2章,第2.1节,作者:【美】Adam Freeman(弗里曼)著,更多章节内容可以访问云栖社区“异步社区”公众号查看

第2章 你的第一个AngularJS应用

开始使用AngularJS的最好方式就是潜心钻研进去,创建一个Web应用程序。在本章中,我将带你学习一个简单的开发过程,从一个目标应用程序的静态模型开始,使用AngularJS的特性打造出一个动态的Web应用程序,尽管只是一个简单的程序。在第6~8章,我将向你演示如何创建一个更复杂而实际的AngularJS应用程序,但是现在一个简单的例子将足以用于演示一个AngularJS应用的主要组件,并为本书这部分的其他章节做好准备。

2.1 准备项目

在本章中,我打算从一个对目标程序的静态HTML模型开始,这是一个简单的待办事项应用程序。我在angularjs文件夹下新建了一个名为todo.html的HTML文件。在清单2-1中你可以看到这个新文件的内容。

清单2-1 todo.html文件的初始内容
screenshot
这个文件还没有使用到AngularJS,实际上,目前甚至还没有一个script元素来引入angular.js文件。我很快将会添加这个JavaScript文件并开始使用AngularJS的特性,但是现在,todo.html文件只包括了一些静态HTML元素,提供了一个待办事项应用的骨架:页面顶部的header以及一个包括待办事项项目的表格。要查看所创建的效果,使用浏览器打开todo.html文件,如图2-1所示。
screenshot

相关文章
|
7月前
|
移动开发 前端开发 JavaScript
AngularJS 技术深入解析
AngularJS 是一个流行的 JavaScript 框架,用于构建动态的单页面应用程序(SPA)。它提供了一种优雅而强大的方式来开发前端应用,具有出色的数据绑定、模块化和可扩展性等特性。本文将深入探讨 AngularJS 的一些关键技术。
64 0
|
JavaScript
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
318 0
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
|
前端开发 JavaScript
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
Angular jasmine spyOn函数的实现原理
Angular jasmine spyOn函数的实现原理
89 0
Angular jasmine spyOn函数的实现原理
|
Web App开发 JavaScript 前端开发
你的第一个AngularJS应用
AngularJS是Google开源出来的一款 Javascript MVC 框架。利用AngularJS,你可以构建结构清晰、便于测试和维护的前端应用。
121 0
你的第一个AngularJS应用
|
Web App开发 前端开发 JavaScript
|
前端开发 JavaScript 编译器