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

2024-06-09 05:14:38

本节书摘来自异步社区《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文件的初始内容

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

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

攻下《JavaScript高级程序设计》——第二章在HTML中使用JavaScript
从上一章我们知道了,JavaScript是一种专门为网页交互而设计的脚本语言,那么,它就免不了和HTML打交道,所以在设计JavaScript的时候,Netscape首要面临的就是,怎么让HTML和J ...
AngularJS高级程序设计学习笔记（一）
第一章:搭建开发环境 1:选择Chrome浏览器,给Chrome装调试angular的插件Batarang, 安装步骤: (1).从http://pan.baidu.com/s/1jGILtzg下载插 ...
JavaScript高级程序设计第12章 DOM2 和 DOM3
12.2 样式 12.2.1 访问元素样式通过 JavaScript 访问 style 中的样式要使用驼峰命名法其中,不能直接转换的样式是 float,"DOM2级样式"规定的 ...
JavaScript高级程序设计---第五章基本引用类型
第五章基本引用类型本章内容理解对象基本JavaScript 数据类型原始值与原始值包装类型引用值(或者对象)是某个特定引用类型的实例. 对象被认为是某个特定引用类型的实例.新对象通过使用n ...
【笔记】面向对象编程--高级程序设计第六章个人总结
面向对象的程序设计一.创建对象及原型模式 1.不过,要明确的真正重要的一点就是,这个连接存在于实例与构造函数的原型对象之间,而不是存在于实例与构造函数之间. 2.Person 的每个实例--pers ...
JavaScript高级程序设计第六章---集合引用类型
第六章-集合引用类型本章内容: 对象数组与定型数组 Map.WeakMap.Set 以及WeakSet 类型 6.1 Object 显式地创建Object 的实例有两种方式: 使用new 操作符和 ...
JavaScript 高级程序设计第四章解读，总结。
第四章变量,作用域与内存通过变量使用原始值 - 1. 原始值与引用值+ 原始值: 最简单的数据+ 引用值: 多个值构成的对象 - 2. 原始值有哪些+ Undefined Null Boolean ...
JavaScript高级程序设计第四章---变量作用域内存
第四章-变量作用域内存关键字:变量作用域内存本章内容通过变量使用原始值与引用值理解执行上下文理解垃圾回收 4.1 原始值与引用值 ECMAScript 变量可以包含两种不同类型的数据 ...
JavaScript高级程序设计第12章---BOM浏览器对象模型
第12章 BOM 本章内容: 理解BOM的核心--window 对象控制窗口及弹窗通过location 对象获取页面信息使用navigator 对象了解浏览器通过history 对象操作浏览器 ...

最新文章

热门文章