![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
前端开发者--小明
这个作者很懒,什么都没留下…
展开
-
底部求和递归
底部求和递归1 业务需求根据树形数据父级节点各自汇总子级节点合价数据2 通过递归形式汇总数据,并且返回最终合价数据。 function sum(data) { let aaa = 0 data.map(item => { if(item.children&&item.children.length){ item.TotalPrice = sum(原创 2022-01-05 14:47:40 · 491 阅读 · 0 评论 -
树形结构数据根据子级节点获取逐渐父级方法
树形结构数据根据子级节点获取逐渐父级方法1 业务需求根据表格数据中的最子级节点逐级获取父级数据,并且拼接为 设计单位/中国电建集团北京勘测设计研究院有限公司/某负责人格式数据,并且高效。2 获取树形结构数组,解析为 hash 结构。 let hashMap = {} setExpandTree(data, num,max,Pkey='') { if (data) { data.map(item => { hashMap[item.key原创 2022-01-05 14:47:05 · 2725 阅读 · 0 评论 -
angular 强制更新ui视图方法
angular 强制更新ui视图方法强制更新ui视图方法主要用在数据已经改变,但是ui展示视图不跟新情况1 主要使用方法类 ChangeDetectorRefAngular 各种视图的基础类,提供变更检测功能。 变更检测树会收集要检查的所有视图。 使用这些方法从树中添加或移除视图、初始化变更检测并显式地把这些视图标记为脏的,意思是它们变了、需要重新渲染。1.1类方法一:markForCheck()当输入已更改或视图中发生了事件时,组件通常会标记为脏的(需要重新渲染)。调用此方法会确保即使那些触发器原创 2022-01-05 14:46:27 · 3803 阅读 · 0 评论 -
angular使用form表单监听数据
angular使用form表单监听数据主要使用方法类 FormGroup,FormBuilder,Validators1 引入主要使用方法类 FormGroup,FormBuilder,Validatorsimport { Validators, FormGroup, FormBuilder} from '@angular/forms';2 赋值引入 validateForm: FormGroup; constructor(private fb: FormBuilder,private原创 2022-01-05 14:45:43 · 1648 阅读 · 0 评论 -
angular8 modal弹窗中实现吸顶操作
angular8 modal弹窗中实现吸顶操作1 首先在modal弹窗加特殊的行间class 或者 id 作为标记我是使用class作为标记const modal = this.modalService.create({ nzTitle: '变更项目计量', nzClassName:'meterageTable', // 标记class nzContent: MeterageChangeTableComponent, nzWidth: 1200, nz原创 2022-01-05 14:44:55 · 361 阅读 · 0 评论 -
angular8 锚点的使用方式
angular8 锚点的使用方式1 首先需要标记锚点位置标记锚点:行间#+字母就构成锚点<div #distannce1 >distannce1锚点位置</div><div #distannce2 >distannce2锚点位置</div>2 然后在ts中注册它为锚点2.1 引入ViewChild与ElementRefimport { Component, ElementRef, ViewChild } from '@angular/core'原创 2022-01-05 14:43:57 · 837 阅读 · 0 评论 -
angular 列表*ngFor 中的序号index获取方法
angular 列表*ngFor 中的序号index获取方法angular中文网<div *ngFor="let product of products;let key=index;"> <h3> <a [title]="product.name + ' details'" [routerLink]="['/products', key]"> {{ product.name }} </a>原创 2021-04-22 15:52:08 · 974 阅读 · 0 评论