糖~豆豆

2021年5月10日

Angular基础之ngFor遍历对象数组获取key和value渲染页面的几种方法

摘要： Angular的ngFor遍历对象数组的几种方法方法一 ts文件： export class MyDemo { objectKeys = Object.keys; myObj = { a: 'a', b: 'b' }; constructor(){} } html文件： <div *ngFor=" 阅读全文

posted @ 2021-05-10 21:20 糖~豆豆阅读(1896) 评论(0) 推荐(0)

vue基础之keep-alvie保持历史页面数据不变，切换页面后数据不变keep-alvie

摘要： 1：路由配置文件设置 { path: '/MenuM', component: Layout, redirect: '/MenuM', children: [ { path: 'MenuM', name: 'MenuM', component: () => import('@/views/MenuM 阅读全文

posted @ 2021-05-10 21:16 糖~豆豆阅读(1056) 评论(1) 推荐(0)

angular + ng-zorro 表格后台分页及排序功能实现，angular + ng-zorro 表格排序不起作用解决办法

摘要： angular + ng-zorro 表格排序不起作用是因为数据是从后端获取的，也是后端分页，所以要自己写排序啦~~~~ 举例：HTML <nz-table #basicTable nzBordered [nzData]="listOfData" [nzTotal]="bottomTable.tot 阅读全文

posted @ 2021-05-10 21:13 糖~豆豆阅读(1133) 评论(0) 推荐(0)

2021年5月6日

解决angular11打包报错Type 'Event' is missing the following properties from type 'any[]': ...Type 'Event' is not assignable to type 'string'

摘要：出现这种情况，需要检查一下以下事项 1.ts类型声明和html里写的是否一致 1.1举例如下,子组件代码需要注意事项，子组件调用父组件方法,点击传参给父组件，在父组件触发一些时间，当前this指向是父组件的this <button (click)="sentToParent(data)">点击传参给阅读全文

posted @ 2021-05-06 23:34 糖~豆豆阅读(4003) 评论(0) 推荐(0)

angular+ZORRO中nz-table 大小屏幕自适应、滚动条、点击事件

摘要：首先来说屏幕自适应 HTML <div class="container right_table"> <nz-table #basicTable nzBordered [nzData]="datas" [nzScroll]="{ x: datasTh.length*180 + 360+'px', y 阅读全文

posted @ 2021-05-06 00:19 糖~豆豆阅读(2225) 评论(0) 推荐(0)

angular11 报错 ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form

摘要： angular 报错 ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone 阅读全文

posted @ 2021-05-06 00:16 糖~豆豆阅读(400) 评论(0) 推荐(1)

2021年4月28日

ng + zorro angular表格横纵向合并，横向目前是手动，纵向是自动合并，微调后可适配三大框架使用

摘要：表格横纵向合并，可以看一下代码编写之前和之后的样式，先上图~~ 表格页面文件.html <h1>正常表格</h1> <nz-table #colSpanTable [nzData]="table03" nzBordered> <tbody> <tr *ngFor="let item of table 阅读全文

posted @ 2021-04-28 23:19 糖~豆豆阅读(559) 评论(0) 推荐(0)

2021年4月23日

前端必备基础知识之--------原生JS发送Ajax请求

摘要：原生JS发送Ajax请求 ajax({ type: 'POST', url: 'http://10.110.120.123：2222', // data: param, contentType: 'application/json; charset=utf-8', data: JSON.string 阅读全文

posted @ 2021-04-23 23:01 糖~豆豆阅读(169) 评论(0) 推荐(0)

npm 启动项目报错 Cannot find module '\@babel\compat-data\data\corejs3-shipped-proposals'，解决办法

摘要：最近升级了系统的node ,webpack 等等，然后今天打开项目，突然启动不起来了~~ 报错信息如下： Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'D 阅读全文

posted @ 2021-04-23 22:59 糖~豆豆阅读(1978) 评论(0) 推荐(0)

2021年4月22日

angular 输入框获取焦点失效的问题

摘要：重点说明：假如先设定了输入框disabled又打开，然后执行获取焦点，可能会失效，这个时候可以把getFocus函数放在定时器里，1秒钟后执行，就可以了哦~ 具体代码如下 html <input #myInput id="myInputr" nz-input class="myInput" [( 阅读全文

posted @ 2021-04-22 22:34 糖~豆豆阅读(538) 评论(0) 推荐(0)

公告