前端
chanchaw
这个作者很懒,什么都没留下…
展开
-
Angular 中自定义a标签样式为不可用
a标签设置为不可用a标签没有disabled属性,所以要自己手动制作不可用状态设置颜色为灰色停用事件响应设置鼠标样式为默认样式 - 选择用的箭头样式使用ngClass为a标签设定样式<a (click)="insertNodeSibling()" [ngClass]="{'disableA': brotherNodeDisabled}">新增同级</a...原创 2019-01-12 12:34:30 · 1239 阅读 · 0 评论 -
Angular + Java + FineReport 嵌入式部署
Angular 项目中访问 FineReport打开新窗口的方式访问 FineReport2019年8月12日 20:17:52 官网看了N多解决方法到目前为止只成功了一个方法使用标签 a 打开新窗口来访问报表下面介绍部署步骤:将 Eclipse 编译得到的 war 包拷贝到 Tomcat 目录 d:\apache-tomcat-9.0.16\webapps下,启动 Tomcat 其...原创 2019-08-12 20:32:06 · 512 阅读 · 0 评论 -
Angular PrimeNG Table Sticky 的用法
PrimeNG Table Sticky 的用法先牢骚,官方给的代码用在 Angular8 和 RxJS6 版本上有兼容的问题,主要是 RxJS6 有很多 breaking changes,下面贴出来自己验证过成功的代码 - 2019年7月30日 13:15:31...原创 2019-07-30 15:29:49 · 1028 阅读 · 0 评论 -
nz-form inline 模式下多类型控件打乱布局的问题
nzForm 布局被打乱nz-form 布局被打乱的原因表单样式使用行内:[nzLayout]="'inline'"表单中使用多中类型的控件(input、datepicker、select…)会出现日期选择控件没有充满,同时 select 控件会被挤到下一行,看看下面的效果使用官方的样式类设置统一宽度解决在模板对应的CSS中使用下面的样式设置统一宽度/* 通过设...原创 2019-07-12 14:04:25 · 878 阅读 · 0 评论 -
Angular ng-zorro-antd nz-form-label 字数不同导致不对齐,设定统一宽度
nzFormLabel 字数不同导致不对齐nz-form-label 文字个数不同,即使通过 [nzSpan] 设置宽度也没有效果会出现下面的效果 - 不对齐可以看出如果第一行的 交期 如果是4个字就会和下面的 销售类型 对齐下面介绍如何解决第一种方法:自定义类设置<nz-form-label> 的宽度设置后如下图第二种方法:使用官方提供的类最终也是测...原创 2019-07-12 07:55:55 · 3958 阅读 · 0 评论 -
Angular DevExtreme DataGrid 国际化 中文
DevExtreme 实现国际化的步骤创建项目根据官方的Getting Started的网址 https://js.devexpress.com/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/创建项目在 cmd 中使用命令 npx -p devextreme-cl...原创 2019-06-22 13:37:41 · 1499 阅读 · 0 评论 -
Angular7 ng-zorro-antd 制作右键菜单
没多少逻辑,就直接贴代码了下面是html模板的代码:<ul nz-menu [style.width]="300" [nzTheme]="'dark'" [nzMode]="'inline'" [nzInlineCollapsed]="isCollapsed"> <li nz-menu-item (contextmenu)="conte原创 2019-02-14 10:18:42 · 1836 阅读 · 0 评论 -
Angular 全局监听键盘事件
技术点:使用EventManager根模块中不要引用,组件模块中引用import { EventManager } from '@angular/platform-browser';组件constructor中实例化对象constructor(private eventManager:EventManager){}在ngOnInit中注册全局监听ngOnInit(): void {...原创 2019-02-09 18:15:27 · 5121 阅读 · 8 评论 -
安装指定版本(老版本)的PrimeNG
由于兼容问题,有时候还是要安装老版本的PrimeNG的,ng-zorro-antd也可以参照本方法卸载已有版本:npm uninstall primeng --save清理缓存:npm cache verify安装老版本:npm install primeng@x.x.x --save,其中的x.x.x是版本号截止2019年1月22日PrimeNG是7.0.4,前一个稳定的大版本号是6....原创 2019-01-22 12:34:38 · 1698 阅读 · 1 评论 -
Angular 标签元素 input 回车切换焦点
创建指令ng g directive shared/ccDirective/nextTab指令的全部源码:import { Directive, HostListener, ElementRef } from '@angular/core';@Directive({ selector: '[next-tab]'})export class NextTabDirective {...原创 2019-01-09 10:17:40 · 2076 阅读 · 1 评论 -
Angular6 中设置标签元素获得焦点
打开某个页面就使指定的标签元素获取焦点,下面的贴图依次按照html模板、ts控制器的顺序制定在线源码https://stackblitz.com/edit/angular-srcat3?embed=1&amp;file=src/app/app.component.html...原创 2019-01-09 09:53:39 · 3607 阅读 · 0 评论 -
Angular 引入外部 js 文件的方法(引入 jQuery)
Angular 引入外部 js 文件的方法(引入 jQuery)在 tsconfig.json 中设置允许使用外部 js,如下图下载 jQuery 文件拷贝到项目的目录:assets/lib 下(这里的 lib 是自己创建的目录)保证 angular.json 中有对于 assets 的声明调用方法:import * as ejs from 'src/assets/...原创 2019-08-13 07:53:30 · 10830 阅读 · 0 评论