
前端
Angular
春_
life
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
angular判断两个对象值是否相等,包含对象深层判断,深拷贝的两个对象
angular public isEqual(obj1:any,obj2:any):boolean{ if(!(obj1 instanceof Object) || !(obj2 instanceof Object)){/* 判断不是对象 */ return obj1 === obj2; } if(Object.keys(obj1).length !== Object.keys(obj2).length){原创 2020-12-28 14:27:52 · 870 阅读 · 1 评论 -
Angular 自定义属性指令-禁止input框输入空格-以及删除复制内容中的空格
创建一个ts文件,并在module.ts中定义import { Directive, ElementRef, HostListener, Input } from '@angular/core';import { FormGroup, FormControl, NgControl } from '@angular/forms';@Directive({selector: '[input-noSpace]'})export class NoSpace { constructor(private原创 2020-10-13 17:33:11 · 1503 阅读 · 0 评论 -
Angular 下拉搜索框实现
今天有个需求要写一个下拉搜索框,本来是下拉框的,由于内容太多,所以添加一个查找功能。根据博客进行改写的。参考了他的基本框架进行实现。效果图:<td>xxxxxxx</td><td style="text-align:left"> <div style="background:#2c4b76;padding:0px"> <div class="btn-group bootstrap-select fit-width" #me原创 2020-10-13 17:25:41 · 2297 阅读 · 0 评论 -
angular8 设置延时时间
延时执行this.setHiden()方法setTimeout(() => {this.setHiden();},300);原创 2020-09-04 08:45:31 · 1360 阅读 · 0 评论 -
Angular使用Console.log()打印出来的数据没问题,点击详情后数据变了
我在一个界面添加数据使用updataEvent将对象返回给另一个界面后,在onUpData中处理时使用this.xxxxx= d,直接将地址值给了变量,当这个方法结束后d被重置了,所以this.xxx的值也消失了,这里要使用下面的方法复制一个对象出来。this.xxxx= $.extend(false, {}, d);//复制对象console.log()打印的值:显示的是打印的值,当点开详情之后显示的就是当前值。下图可以看到打开详情后几乎所有值都为null,但是当时console.log时值是正常原创 2020-08-28 14:04:11 · 1362 阅读 · 0 评论 -
angular8多选框实现点击整行任意位置<tr>就可以选中多选框
代码:<tr *ngFor="let d of EnergyUseInfos" (click)="selectEnergyUses(d)"> <td style="text-align: left"><input type="checkbox" style="margin: auto" name="{{d}}" [(ngModel)]="d.isCheck" ></td> <td>{{d.code}}</td>原创 2020-07-29 15:01:02 · 587 阅读 · 0 评论 -
angular8实现对象数组根据某个属性排序(多个也可以)
代码中col是传进来的对象的属性名toLowerCase()将字符串转换为小写。arrayInfos是数组,存储的是对象这里我是配上一个上下切换的箭头使用的,点击切换上下方向并且排序sort方法排序操作的是原始数组如果在属性相等的情况下,想根据另外字段排序就传入两个参数多写个if(c == d) {if(e>f) return -1}<th width="10%" (click)="sort('type')">类型<span *ngIf="checked">&am原创 2020-07-29 14:44:19 · 1400 阅读 · 0 评论 -
WebStrom里设置angular提示,可以在html中提示ts文件的内容
下面这样就是可以提示到在settings->languages&frameworks->javaScript->Libraries 下把你的工程添加进去这是我添加进来的,Type类型为project我改了中文原创 2020-05-11 11:33:14 · 475 阅读 · 1 评论