明溪~-CSDN博客

原创 angular7通过操作DOM节点修改样式

<div class="colorBg">这里是内容 </span></div>在 xxx.component.ts里面import { ElementRef } from '@angular/core'; constructor( private el: ElementRef ) {} ngOnInit() { this.el.nativeElement.querySelector('.colorBg').style.background =

2021-09-07 15:34:40 409

原创 git代码合并把master分支代码合并到test分支

切换到master分支 git checkout master （如果已经在master分支则不需要）git pull （拉取代码）git checkout test （切换到test分支）代码如有冲突则解决冲突，没有则忽略此步git merge master （合并代码）git push test （推到test）...

2021-07-23 14:53:54 1593

原创 angular7 面包屑 breadcrumb

创建组件breadcrumb，如图breadcrumb.component.html 中代码如下图<nz-breadcrumb class='breadcrumb'> <nz-breadcrumb-item *ngFor="let item of breadcrumbsAll"> <a (click)="toPage(item)">{{ item.label }}</a> </nz-bread...

2021-07-08 16:59:33 722

原创 angular7中关于登录路由守卫

创建文件 auth.guard.tsimport { Injectable } from '@angular/core';import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';import { Observable } from 'rxjs';import { StoreService } from '../services/store.service'

2021-06-11 15:25:07 287

原创 angular7关于选择器，获取值

<nz-select nzShowSearch (ngModelChange)="selHouseType($event)" [(ngModel)]="type" > <nz-option *ngFor="let item of typeList" [nzLabel]="item.name" [nzValue]="item.id"> </nz-option> </nz-select>

2021-06-11 15:15:33 436 2

原创 angular7中文件上传

使用ng-zorro里面组件Upload上传 <nz-upload [nzCustomRequest]="customReq" [nzShowUploadList]='false'> <button nz-button><i nz-icon nzType="upload"></i><span>上传</span> </button> </nz-upload>...

2021-06-11 15:02:04 524

原创 vue中echarts饼状图

如何画饼状图？效果图如下关于echarts的安装可参考上篇文章或者官网https://www.echartsjs.com/zh/tutorial.html#%E5%9C%A8%20webpack%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts具体代码：<template> <div> <d...

2019-11-19 23:41:00 890

原创 vue中Echarts柱状图渐变

echarts的中文文档地址：https://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts先来张效果图：安装echarts你可以使用如下命令通过 npm 安装 EChartsnpm install echarts --save在main.js中加入：...

2019-11-19 23:29:04 3659 1

原创 vue中，xml字符串格式化展示在页面

最近需要在vue页面中，展示格式化的xml；最终格式如图点击button按钮，弹出弹框，弹框里面的内容，是格式化的xml字符串代码；template里内容如下<button @click="ac">格式化</button> <el-dialog title="格式化" :visible.sync="sss"> <xmp...

2019-09-17 22:48:36 8535 7

原创 elementUi里面的el-input框有时候无法输入的问题

最近发现项目中需要输入内容的时候，input框有时候会无法输入进去发现elementUI中@input事件可以拿到当前输入的值，问题找到了，视图没有更新的问题解决方法 this.$forceUpdate()...

2019-09-07 23:13:44 55059 40

freya_dr的博客