Angular开发环境（1）

1.程序架构

• 组件：angular应用的基本构建块，一段带有业务逻辑和数据的html
• 指定：允许想html添加自定义行为，（写一个自动完成在input标签上）
• 服务：用来封装重用的业务逻辑，在不同的组件中调用，服务可以调用服务
• 模块：将应用中不同的部分组织成一个angula框架可以理解的单元
  

2.环境搭建

• 安装nodejs,angular CLI（angular命令行生成记得基础代码）,webstrom(集成开发环境)
  https://blog.youkuaiyun.com/guiyunfan94/article/details/70231249
• 新建项目：ng new 项目名
  
• 内部介绍
  
  

3.组件模块

组件：
- @component()装饰器，装饰器里的属性叫元数据，告知angular框架如何处理typescript类，包含多个属性，这些属性的值叫元数据，angular会根据元数据的值来渲染组件
- Template模板：通过组建的模板来定义组件的外观,以html形式存在，告诉angular如何渲染组件，可以再模板中使用angular语法呈现控制器
- 控制器：包含组件的所有属性和方法，通过数据绑定与模板通信，控制器控制模板上

模块：

• 首先引入模块需要的东西：import
• 声明组件：只能声明组件指令和管道
• 用import属性声明其他组件，我们需要的组件
• providers:[这里只能声明服务]

4.小结

先了解angular每部分都是干什么的，然后进行实践检验，不断重复，熟练了就不会怕a(啊)n(呢)g(哥)u(优)l(了)a(啊)r(空)是个什么鬼了。