angularjs与html结合

环境搭建

1、安装nodejs和npm
2、利用git克隆项目，git clone https://github.com/angular/quickstart.git quickstart
3、安装npm包,npm install
4、运行npm start 来启动例子应用。

git clone https://github.com/angular/quickstart.git quickstart
cd quickstart
npm install
npm start

架构

angular是一个用HTML和JavaScript或者一个可以编译成JavaScript的语言(例如Dart或者TypeScript)，来构建客户端应用的框架。
该框架包括一系列库，有些是核心库，有些是可选库。
我们这样写angular应用的:用angular扩展语法编写HTML模板，用组件类管理这些模板，用服务添加应用逻辑，用模板打包发布组件与服务。
然后，我们通过引导根模板来启动应用。angular在浏览器中接管、展现应用的内容，并根据我们提供的操作指令响应用户的交互。
当然，这只是冰山一角，后面我们将学习更多的细节。不过，我们看一下基本架构。
!(加载图片中…)[20170228fisrt/angularview.png]
这个架构图展现了angular应用中的8个主要构造块:

模块(module)
组件(component)
模板(template)
元数据(metadata)
数据绑定(data binding)
指令(directive)
服务(service)
依赖注入(dependency injection)