Angular data 1

1、安装  sudo npm install -g @angular/cli

2、ng -v 查看版本号

3、ng new auction 新建项目

4、component （组件）由 装饰器  模板  控制器 三大部分组成；模板和控制器通过 数据绑定来取得联系

5、模板用双大括号把 ts中变量绑定 如{{title}}

6、模块 module  的@NgModule装饰器的元数据 declarations只能由  组件  指令 和管道组成；providers: []里面装的只能是‘服务’；

7、启动命令  参考package.json  start 命令

8、开发前，加入第三方类库 bootstrap 和jquery  

npm install jquery bootstrap --save

在.angular-cli.json中的"apps":数组中的 “styles” 和“scripts”配置项加

9、安装jquery 和bootstrap的类型描述文件

npm install @types/jquery    --save-dev

npm install @types/bootstrap --save-dev

10、自动生成组件

ng g component navbar  (navbar是组件名)  依次类推；

11、模板布局  app.component.html 如下 用的是bootstrap栅格系统