小甜甜专栏

angular项目环境问题Unexpected end of JSON input while parsing near错误解决方法Unexpected end of JSON input while parsing near错误解决方法解决办法npm cache clean --force

访问地址：https://zhtt.gitee.io/angular-demo/ng-zorro/#/form/form-leave2安装依赖npm i great-ngform --savenpm i great-zorroutils --save

中英文混合时，校验字节长度，充分利用数据库定义的长度。先上图为敬：资源地址：https://www.npmjs.com/package/great-ngform示例代码： ngOnInit() { this.form = this.fb.group({ byteLength: new FormControl(null, [ this.formValidatorService.byteLength({ maxLength:10,

演示地址：https://zhtt.gitee.io/angular-demo/great-ngform8/#/form/trim<form class="great-form"> <div class="great-form-group"> <label>去除前空格:</label> <div class="great-input"> <input type="text" class="input"

演示地址：https://zhtt.gitee.io/angular-demo/great-ngform8/#/file/md5前端断点续传时，往往需要根据文件生成md5值，一般实现是通过FileReader读取文件内容，然后根据内容使用md5工具类加密生成即可，示例如下： readFile1(event: any): void { const input = event.target; const reader = new FileReader(); reader.on

<div class="great-form-group"> <label>任意数字:</label> <div class="great-input"> <input type="text" formControlName="decimal" class="input"><span>默认可以输入任意数字</span> <div class="great-form-e...

访问地址：https://zhtt.gitee.io/angular-demo/ng-zorro/dist/ng-zorro/#/list/drag-table安装依赖npm i great-ngform --save导入模块import {GreatDirectiveModule} from "great-ngform";在需要拖拽的组件中初始化宽度 grea...

注：此拦截器只能拦截HttpClient，不能拦截Http1、创建拦截器ng g provider interceptor2、修改拦截器内容import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponse} from "@angular/common/http";import...

在开发中，有时需要以表格树的形式加载数据，但是数据量特别大时，可能只是先加载一层，如果有子节点就在名称前显示一个“+”号或其它图标，然后点击“+”再展示子节点。本示例前提表示你已经搭建好angular运行的环境，并且已经创建好了ng-zorro项目，而且能够正常运行，接下来只是在这些基础上怎么动态的操作表格树上的节点。上图看效果：在线示例：https://zhtt.gitee.io...

先看效果js代码：var animateApp = angular.module('animateApp', ['ngRoute', 'ngAnimate']); animateApp.config(function($routeProvider) { $routeProvider .when('/', {

资源地址：https://www.npmjs.com/package/great-ngform示例代码：https://gitee.com/zhtt/angular-demo示例演示： http://zhtt.gitee.io/angular-demo/angular/dist/angular/#/form/reactivenpm install great-ngform --save...

表单内容校验演示地址：http://zhtt.gitee.io/angular-demo/angular/dist/angular/#/form/template示例代码：https://gitee.com/zhtt/angular-demo/repository/archive/master.zip资源地址：https://www.npmjs.com/package/great-ng...

encodeUriSegment

解决md2的Datepicker显示中文问题，主要有二种方式。方式一修改源代码，这种方式不推荐方式二：在使用日期组件的地方，或直接在app.component.ts中构造方法中修改里面month、daysOfWeek的值，操作如下：constructor(private _locale: DateLocale) { this._locale.months = this.M...

 资源地址https://www.npmjs.com/package/great-ngform环境准备1、安装npm包 npm install great-ngform --save 2、引入moduleimport {GreatValidateModule} from "great-ngform";@NgModule({ imports: [ CommonMo...

修改第三方组件样式在使用一些第三方的组件的时候，要修改第三方组件的样式：:host ::ng-deep .className{ //新的样式......}:host 表示选择器，选择当前的组件。::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className。...