本章介绍前端三大主流框架之一 angular 使用说明。

1.1 简介

Angular 是一个应用设计框架与开发平台，用于创建高效、复杂、精致的单页面应用。

1.2 环境搭建

• angular 依赖 Node.js, 需要安装nodeJS
• angular 依赖 npm, 需要安装npm
• 安装Angular CLI
  npm install -g @angular/cli

1.3 angular 开发

• 创建新的angular工程和初始应用
  ng new my-app
  进入工程
  cd my-app
  启动工程(访问 http://localhost:4200/)
  ng serve

• 定义angular应用
  进入工程下执行： ng generate application <application-name>

• 定义angular组件(会生成html模板、Typescript类、 CSS 选择器、测试spec文件四个文件)
  需要进入工程下的应用目录(app目录下)执行： ng generate component <component-name>

• 定义angular服务
  需要进入工程下的应用目录(app目录下)执行： ng generate service <service-name>

• Angular 的双向数据绑定语法
  <input [(ngModel)]="hero.name" placeholder="name"/>

1.4 参考资料

angular 中文官网