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栅格系统


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容