- 博客(16)
- 收藏
- 关注
RSS订阅原创 angular ts 引用组件（父组件）数据发生变化时，如何传值至被引用组件（子组件）
angularTs中有时被引用组件需要根据引用组件的某些参数的变化，执行相应的操作，具体方法示例如下：父组件中引用子组件父组件引用ngx-captcha子组件，并将errors传至子组件 <ngx-captcha (childEvent)="captchaEvent($event)" [errors]="errors" ></ngx-captcha>子组件ts中通过 ngOnChanges方法获取传参的变动当子组件获取到传进而在方法中执行要调取方法ngOnC
2021-09-27 17:27:56
729
原创 前端Angular TS设置延时执行
使用场景有时我们对数据做了更新，但是因为数据库存储有延时，立即调用接口并不能得到新入库数据，此时可设置延时执行调取，具体方法如下：//延时两秒执行读取方法 setTimeout(() => { this.getFiles();//此处为要执行方法 }, 2000)PS:注意，延时时间2000要写在大括弧外面，不要误写进里面，否则无效。...
2021-09-27 17:01:06
3634
原创 TypeScript 数组去重
TypeScript 数组去重只需一行代码即可实现：this.menuids = Array.from(new Set(this.menuids))
2021-09-07 18:08:29
6535
2
原创 a标签href跳转，去掉链接默认前缀http://localhost:xxxx
问题描述：在做文件导出功能时，前端得到了文件下载链接，但是赋值给a.href后跳转界面路径默认添加http://localhost:xxxx代码如下：解决方法在链接前添加http://即可,结果如下：
2021-08-31 17:59:31
5180
原创 gitlab上传下拉错误问题汇总
问题：GitLab: The project you were looking for could not be found.解决思路：可能是账号没有对应项目权限，让项目管理员赋予权限即可
2021-07-24 09:40:02
233
原创 No provider for NodeDraggableService!
问题场景本人在做菜单树时将TreeModule引入了最近一级及次近一级父module中，在点击按钮弹出菜单树所在组件时仍报以下错误解决方法排除了一系列可能错误后，才发现原来在app.module.ts中也需要引入TreeModule，具体引入路径：app.module.ts→@NgModule→imports注：次父级module不需引入相应控件总结当系统报出No provider for NodeDraggableService!等类似错误时，最可能的原因还是（最近父组件或根组件）缺少了控
2021-06-03 18:04:27
182
原创 vis.Timeline 时间轴自动滚动
vis.Timeline 时间轴自动滚动1. 定义时间轴数组，并保证有id2. 利用设置时间间隔，添加滚动设置，具体如下：1. 定义时间轴数组，并保证有id2. 利用设置时间间隔，添加滚动设置，具体如下：
2021-04-15 17:10:14
1306
原创 angular ts 数组遍历&&新数组建立&&根据新建数组的值定义样式
angular ts 数组遍历&&新数组建立&&根据新建数组的值定义样式1.在遍历已知数组前建立新数组，若在循环中建立会是一个一个分开的数组，数据不会累加2.遍历已知数组，并将其值赋给新建数组对应字段3.根据新建数组的某个值定义不同样式1.在遍历已知数组前建立新数组，若在循环中建立会是一个一个分开的数组，数据不会累加2.遍历已知数组，并将其值赋给新建数组对应字段3.根据新建数组的某个值定义不同样式...
2021-04-15 16:53:29
1071
原创 angular ts文件引用图片
angular ts文件引用图片在函数值中以字符串形式加img标签，并正确添加图片路径即可。在函数值中以字符串形式加img标签，并正确添加图片路径即可。
2021-04-15 15:58:26
1064
原创 #Angular# TypeError: Cannot read property ‘appendChild‘ of undefined
可能是运行端口有问题，可换个端口试试
2021-01-13 10:40:32
346
原创 #angular# 错误查找与解决
方法一将界面中报错信息输入搜索引擎进行查找方法二若引用的为#Github#中组件，可在其Issues中输入报错信息查找是否有相应问题解决方法，如图.
2020-10-16 11:10:25
268
原创 #angular 前端界面操作结果提醒设置
第一步ts文件中引入NbToastrServiceimport { NbToastrService } from ‘@nebular/theme’;第二步在ts文件的构造函数中定义constructor(private toastrService: NbToastrService,) { }第三步定义提示方法： showToast(position, status, content) { this.toastrService.show( status || 'Suc
2020-10-16 10:33:00
485
原创 #angularTS# 点击button自动刷新页面
@点击type=“submit”的button会自动刷新页面问题可能出在以下方面：1.button写在了label内2.HTML中formGroup名称与ts中不一致导致无法识别以下给出正确示范TS文档中:第一步：定义 FormGroupsearchLogForm = new FormGroup({ user: new FormControl(''), data: new FormControl(''), });第二步：定义查询方法 searchOrg() { this.load
2020-09-24 09:46:16
1295
原创 Angular/TypeScript导出功能
HTML代码如下：<button class="btn btn-info btn-tn" (click)="exportTree()">导出</button>TS代码如下：export() {let a = document.createElement("a");let url = '';url = `${AppSettings.API_ENDPOINT}/excel?id=${this.id}`;a.href = url;document.b
2020-06-08 18:28:42
318
原创 web前端开发 查询方法小总结
angular ts 查询方法小总结在ts中获取html中值的方法有两种方法，都是Angular中的语法，一种是把值当做参数传递，另一种是使用ngModel实现双向绑定，还有一种很少用到的，Js的原生方法：document.getElementById(‘chartContainer’);1. 参数传递法例子：获取input框内容这里有个独特的地方，直接在input处使用 #定义参数的n...
2020-04-16 12:50:44
992
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人