![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
Jacky-Liu999
这个作者很懒,什么都没留下…
展开
-
angular input控件输入校验
交互1 :禁止输入-或. @ViewChild('rowInput', { static: false }) rowInput: ElementRef;//如果在ngOnInit不能获取lineInput.nativeElement可以改用ngAfterViewInit钩子函数 ngOnInit() { var lineEle = this.lineInput.nativeElement; rowEle.addEventListener("keydown", (e: a原创 2021-04-23 14:14:10 · 1569 阅读 · 0 评论 -
angular moment时间格式化
安装:npm install moment --save在ts文件中引入import moment from 'moment';moment().format('YYYY/MM/DD');原创 2020-06-18 09:50:58 · 774 阅读 · 0 评论 -
iframe样式设置
通过代码生成iframe,原生的背景色是白色,还有边框,想去除背景色和边框.iframe的背景色继承于body。!important表示优先级更高style.cssbody { background-color: transparent !important;}iframe{ border: 0; background-color: transparent; }...原创 2020-05-29 17:29:58 · 3770 阅读 · 0 评论 -
高度为百分比时,设计滚动条的方案
背景:项目需要设计一个滚动条翻页,但由于页面的高度是指定且不变,在设置它的overflow-y为scroll的时候也不显示滚动条,所以设计了一个假的滚动条。 <div #pagingBar class="pagingBar" (scroll)="onScroll($event)" style="width:10px;overflow-y: scroll; overflow-x:hidden;height:calc(100vh - 67px);"> <p #pagingp原创 2020-05-29 09:34:07 · 1515 阅读 · 0 评论 -
ts定义事件
注册监听initiallize(){AppCommon.Messenger.on('cellselected', (cell) => { this.viewerControl_CellSelected(cell) });}回调函数: protected viewerControl_CellSelected(cell: MedViewerControlCell) { ...原创 2020-04-14 09:15:10 · 3009 阅读 · 0 评论 -
angular 延迟时间
delay(ms) { return new Promise(res => setTimeout(res, ms)); }import { delay } from 'q';await delay(time);//指定时间,ms原创 2020-04-14 09:07:06 · 1293 阅读 · 0 评论 -
angular async和await
在angualr中,一般调用了服务端接口都是异步,那如何实现异步方法执行完后再往下执行?当函数的返回值为true时才往下执行,但是这个函数又是异步,那该怎么实现这个功能呢 ?这个时候我们就需要用到async和await来处理异步。定义函数 async checkBeams(): Promise<boolean> { try { ret...原创 2019-10-30 19:53:03 · 2609 阅读 · 0 评论 -
angular tree-root自定义上下键行为
tree-root上下键的默认行为是高亮选中,但是不会激活,只有当按了enter才会有点击选中的效果1 定义tree-root的actionMapping//自定义tree-root的action,需放在类的外面const actionMapping: IActionMapping = { keys: { [KEYS.UP]: (tree, node, $event) =>...原创 2019-10-30 19:00:52 · 407 阅读 · 0 评论 -
angular 日常积累
disabled span和a由于span和a没有disabled的属性,所以不能通过绑定属性disabled来设置添加disabled样式,pointer-events使点击事件不响应.disable{ opacity: 0.2; pointer-events: none;}2通过样式绑定<a [class.disable] = "isDisable_a...原创 2019-10-30 18:51:00 · 179 阅读 · 1 评论 -
ABP依赖注入
构造函数注入public class PersonAppService { private IPersonRepository _personRepository; public PersonAppService(IPersonRepository personRepository) { _personRe...原创 2019-10-16 17:38:55 · 928 阅读 · 0 评论 -
Angular 路由
路由重定向语法:const route:Routes=[ { path: ' ', redirectTo: '/home', pathMatch: 'full'}, { path: ' home', component: HomeComponent}]参数传递快照:constructor(private routeInfo: ActivateRoute){}var test ...原创 2019-10-16 17:36:05 · 86 阅读 · 0 评论 -
p-table拖拽改变列宽和重新排序
Html: <div nz-row> <p-table [value]="users" [columns]="cols" [reorderableColumns]="true" [resizableColumns]="true"> <ng-temp...原创 2019-05-11 12:57:55 · 1219 阅读 · 0 评论 -
PrimeNG start
1 installnpm install @angular/animations --save2 angular.json style configurations"styles": [ "../node_modules/font-awesome/css/font-awesome.min.css", "../node_modules/primeng/resources/primen...原创 2019-05-11 12:55:15 · 129 阅读 · 0 评论 -
Canvas绘制直线
栅格在我们开始画图之前,我们需要了解一下画布栅格(canvas grid)以及坐标空间。如右图所示,canvas元素默认被网格所覆盖。通常来说网格中的一个单元相当于canvas元素中的一像素。栅格的起点为左上角(坐标为(0,0))。所有元素的位置都相对于原点定位。所以图中蓝色方形左上角的坐标为距离左边(X轴)x像素,距离上边(Y轴)y像素(坐 标为(x,y))。moveTo()将笔触移动到...原创 2019-03-15 17:40:02 · 511 阅读 · 0 评论 -
Canvas绘制虚线setLineDash
void ctx.setLineDash(segments);segments一个Array数组。一组描述交替绘制线段和间距(坐标空间单位)长度的数字。 如果数组元素的数量是奇数, 数组的元素会被复制并重复。例如, [5, 15, 25] 会变成 [5, 15, 25, 5, 15, 25]。function drawDashedLine(pattern) { ctx.beginPath...转载 2019-03-15 17:51:37 · 5801 阅读 · 1 评论 -
web 界面切换的方式
方式一:通过*ngIf <div nz-col nzSpan="20" class="right"> <app-beamgroup *ngIf="!isBeamSelected"></app-beamgroup> <app-beamparameter *ngIf="isBeamSelected"></app...原创 2019-04-11 13:53:57 · 1225 阅读 · 0 评论 -
Angular中通过router传递参数和获得参数
传递参数 import { Router } from '@angular/router'; constructor(private _router: Router) { } beamGroup(patient: PatientDto) { this._router.navigate(['app', 'beam-definition'], {queryParams: {p...原创 2019-04-12 14:17:35 · 2976 阅读 · 1 评论 -
nz-tree中数据的初始化和选中项的高亮显示
nz-tree中数据的初始化1 新建父节点 var nzTreeNode ,并赋值其中children为[],2 新建var nzTreeNodeChild3 通过 nzTreeNode[“children”].push(nzTreeNodeChild) 给父节点的children赋值;nz-tree选中项的高亮显示主要是通过selected属性来设置的,将其设置为true时为高亮显示...原创 2019-04-22 10:58:33 · 1535 阅读 · 0 评论 -
ng-zorro默认样式的设置
以nz-tree为例在项目中修改ng-zorro组件默认样式的一些方法:类名等 前加::ng-deep;类名等 前加:root;类名等 前加:host /deep/;三种方式都可以尝试一下,看看哪种有效果,我尝试了第一种就可以。类名:可以按F12进入开发者模式中获得,如图所示,尽量拷贝,不容易出错,有些点(.)号之间有空格,有些没有空格,多打空格导致你设置的样式会没有效果。在/...原创 2019-04-22 13:01:03 · 7077 阅读 · 0 评论 -
angular tree-root自定义显示模板和设置默认选中项并高亮显示
安装npm install --save angular-tree-component原创 2019-05-02 16:26:13 · 2042 阅读 · 0 评论 -
CSS笔记居中对齐、vh/vw、button添加图标方式
水平居中div{ display: flex; justify-content: center}<div nz-row [nzType]="'flex'" [nzJustify]="'center'" >垂直居中div{ display: flex; align-items:center;}<div nz-row [nz...原创 2019-05-03 13:41:00 · 800 阅读 · 0 评论 -
...运算符的用法Angular
let arr1 = [1,2,3]; console.log(...arr1);//1,2,3如果我们想把一个数组添加到另一个数组的尾部,常规的写法是//常规写法var arr1 = [0, 1, 2];var arr2 = [3, 4, 5];Array.prototype.push.apply(arr1, arr2); //使用 es6的 ... 写法l...转载 2019-05-05 17:07:28 · 637 阅读 · 0 评论 -
angular 数组操作
删除:通过array=[]this.array.splice(start: number, deleteCount?: number);//指定开始的位置(start),start:开始删除的位置number:删除个数 var index = this.beamGroupTreeList.findIndex(item => item.id === parseInt(thi...原创 2019-05-05 17:14:45 · 4559 阅读 · 0 评论 -
Css滚动条样式设置
.Html<div class="box"></div>.CSS/*滚动条整体样式*/.box::-webkit-scrollbar { width: 7px;}/*滚动条滑块*/.box::-webkit-scrollbar-thumb { background: #535353;}/*滚动条轨道*/.box::-webkit-...原创 2019-05-08 16:50:34 · 98 阅读 · 0 评论 -
获取canvas.getContext
问题:property ‘getcontext’ does not exist on type框架:angular语言:typescript解决方法:Html代码&lt;canvas id="mycvs" width="300" height="300" &gt;&lt;/canvas&gt;ts代码var原创 2019-03-15 17:33:44 · 2947 阅读 · 5 评论