朝花夕拾的博客

把skipLocationChange: true 设置为truethis.router.navigate([router],{ skipLocationChange: true}).then();

1、npm i great-ngform --save2、在对应的model中imports3、页面使用 在input中加greatTrim 代表去除前后空格 greatTrim=right 表示去除右空格greatTrim=left表示去除左空格greatTrim=around表示去除左右空格

1、首选查看angular CLI 版本ng version会发现有两处error的地方缺少依赖 我们安装他们即可npm i typescript@4.0.2npm install -g @angulat-devkit/build-angular以上操作之前最后卸载 CLI 重新安装效果更好npmuninstall-g@angular/cli卸载npm install -g @angular/cli 安装最后执行 npm i 安装依赖...

我的错误原因是路径前面没有organization，路径没有写全导致无法加载路由

如下图子组件中 用#xxxxxx父组件ts中用装饰器@ViewChild('子组件中的#后面的名字xxxx') xxxx这样就可以拿到子组件中的数据

子组件中触发父组件方法子组件中 设置Outputemit触发给父组件父组件接受子组件传来的数据进行动态更新

（blur） = '函数名'

npmuninstall-g@angular/cli卸载之前的版本npmcacheverify清理缓存，确保卸载干净npminstall-g@angular/cli@9

创建module testng g ng-alain:module test //默认在src/app/routes下创建module自动生成ts模块和路由模块在test模块中创建list列表组件和editb编辑页组件ng g ng-alain:list lisy -m=testng g ng-alain:edit edit -m=test -t=listtest路由模块添加路由如下在跟路由模块下通过loadchildren实现懒加载 点击菜单才去请求页面数据.

利用NG-alain创建工具创建moduleng g ng-alain:module 模块名创建自定义路由模块ng g module 模块名 --routing创建list组件页ng g ng-alain:list list -m=模块名创建edit组件页ng g ng-alain:edit edit -m=模块名在列表组件页下创建编辑页ng g ng-alain:edit edit -m=模块名 -t=list在文件夹下创建查看页ng g ng-alain.

和VUE一样也是8个生命周期钩子函数 ngOnChanges -- 当被绑定的输入属性的值发生变化时调用，首次调用一定会发生在ngOnInit()之前。 ngOnInit() -- 在Angular第一次显示数据绑定和设置指令/组件的输入属性之后，初始化指令/组件。在第一轮ngOnChanges()完成之后调用，只调用一次。等同于vue中的mounted ngDoCheck -- 自定义的方法，用于检测和处理值的改变。 ngAfterContentInit -- 在组件.

这里讲解angular8版本的一些项目上常用到的知识点1、父子组件如何进行通信利用@Input()和@Output()两个装饰器(注解)进行通信子组件传值给父组件子组件test.component.tsimport { Component, OnInit, Output, EventEmitter } from '@angular/core';@Component({ selector: 'test' templateUrl: './test.cmponent.html',..