摘要: 生命周期钩子 官网解释 Angular 创建它,渲染它,创建并渲染它的子组件,在它被绑定的属性发生变化时检查它,并在它从 DOM 中被移除前销毁它。Angular 提供了生命周期钩子,把这些关键生命时刻暴露出来,赋予你在它们发生时采取行动的能力。除了那些组件内容和视图相关的钩子外,指令有相同生命周期 阅读全文
posted @ 2020-08-04 21:42 攀上顶峰 阅读(586) 评论(0) 推荐(0) 编辑
摘要: Angular的学习使用过程中,路由跳转支撑了项目的全过程,所以路由跳转是一个很常见也是一个很容易忽略的点,,对于页面之间的跳转有着很多的问题,跳转的方式/如何携带参数跳转,下面是自己在学习过程中对angular路由跳转的总结(angular7) 路由跳转的第一种方式-导航式跳转 第一种:该指令接收 阅读全文
posted @ 2020-08-04 21:40 攀上顶峰 阅读(2679) 评论(0) 推荐(0) 编辑
摘要: 打包生产环境时需要的配置如下: 在angular.json里的“configurations”里配置: "configurations": { "production": { "fileReplacements": [ { "replace": "src/environments/environme 阅读全文
posted @ 2020-08-04 21:33 攀上顶峰 阅读(3821) 评论(0) 推荐(0) 编辑
摘要: //模拟后台调取到的数据 public datas: any = [ {name: 1}, {name: 1}, {name: 1}, {name: 2}, {name: 2}, {name: 2}, {name: 3}, {name: 3}, {name: 3}, {name: 4}, {name 阅读全文
posted @ 2020-08-04 21:30 攀上顶峰 阅读(357) 评论(0) 推荐(0) 编辑
摘要: Angular的管道可以看作成是一个数据格式化展示的工具。管道可以将数据格式化显示,而不改变源数据。获取数据可能简单到创建一个局部变量就行,也可能复杂到从WebSocket中获取数据流。一旦取到数据,我们可以把它们原始值的toString结果直接推入视图中。 但这种做法很少能具备良好的用户体验。 比 阅读全文
posted @ 2020-08-04 21:28 攀上顶峰 阅读(1530) 评论(0) 推荐(0) 编辑
摘要: 在angular中有三种类型的指令: 组件–拥有模板的指令; 结构性指令–通过添加和移除DOM元素改变DOM布局的指令; 属性型指令–改变元素、组件或其他指令的外观和行为的指令; 组件是这三种指令中最常用的。结构性指令修改视图的结构,例如ngfor和ngif。属性型指令改变一个元素的外观或行为。 属 阅读全文
posted @ 2020-08-04 21:19 攀上顶峰 阅读(652) 评论(0) 推荐(0) 编辑
摘要: 1、添加form标签 1、页面中添加form标签,并为form标签添加一个指令 #form=”ngForm”(#后的表单名称是自定义的,这里是为在表单提交的时候,按钮禁用做准备) <form (ngSubmit)="btnHandle('login')" #loginForm="ngForm"></ 阅读全文
posted @ 2020-08-04 20:55 攀上顶峰 阅读(1904) 评论(0) 推荐(0) 编辑