angular
柴智霖
这个作者很懒,什么都没留下…
展开
-
防止单个js文件引入后被污染的方法
var exportedData_ = {};functiondeepCopy(obj,cache=[]){//如果为普通数据类型,则直接返回,完成拷贝if(obj===null||typeofobj!=="object"){returnobj}//cache用来储存原始值和对应拷贝数据,在递归调用deepCopy函数时,如果本次拷贝的原始值在之前已经拷贝了,则直接返回储存中的copy值,//这样的话就不用再循...原创 2022-02-21 17:30:34 · 283 阅读 · 0 评论 -
js ajax 前端跨域问题最简单的解法
采用nginx转发端口就行了前端代码:$.ajax({type:"GET",async:true,dataType:'json',url:"http://123.123.123.123:12004/api/robot/another...", //这里的api是必须的,服务器IP为123.123.123.123crossDomain:true,processData:false,//用于对data参数进行序列化处理这...原创 2021-08-27 11:29:17 · 227 阅读 · 0 评论 -
angular 中断HTTP请求
由于angular的HTTP请求返回promise类型的数据,通过subscribe()方法来接收返回数据,因此可以通过调用取消订阅 unsubscribe()方法来实现中断HTTP请求。实现方法用例:subscribes:any;getChannels() {}this.subscribes = this._service.getChannels(connectionName).subscribe((channels: any) => {如果是通过循环调用HTTP请求,...原创 2021-07-23 14:15:43 · 454 阅读 · 0 评论 -
Springboot-web net::ERR_ABORTED 404
script标签的src值和link标签的href值都必须从static目录的下一层(即子目录)开始,否则会被spring boot拦截,导致404原创 2021-01-26 14:26:25 · 336 阅读 · 1 评论 -
后台接收不到前端传的参数
传到后端后的数据未进行编码,使用 this.url = encodeURI(this.url) 方法进行http路径采用encodeURI进行编码就行。原创 2020-12-08 10:06:57 · 1932 阅读 · 2 评论 -
Angular2-除了自定义标签,你还可以这样配置组件的选择器
开发应用时,UCD给到我们的样式经常使用子类选择器“>”,如果所有组件都用自定义的标签选择器,开发人员无疑要对很多样式做调整。Angular2组件化除了自定义标签,还可以在selector元数据里配置样式、属性的调用方式。selector总共有6种配置方式:selector: ‘element-name’//自定义标签选择器selector: ‘.class’//样式选择器selector: ‘[attribute]’//属性选择器selector: ‘[attribute=value]’/转载 2020-11-26 17:23:31 · 201 阅读 · 0 评论 -
ngx-datatable 自动改变宽度 resize recalculate
import { DatatableComponent } from "@swimlane/ngx-datatable";import {AfterContentChecked, ChangeDetectorRef, Directive} from "@angular/core";@Directive({ selector: '[ngx-resize-watcher]' })export class NgxResizeWatcherDirective implements AfterContent.原创 2020-07-28 20:42:06 · 564 阅读 · 0 评论 -
input select 复合输入框实现
使用datalist标签实现 input select功能<input list="_select" class="form-control m-input" [formControl]="_ctrl" placeholder="{{_ctrl['$context$']['placeholder']}}"><datalist id...原创 2019-06-06 11:57:30 · 1833 阅读 · 0 评论 -
在angular中引用jquery
1.在命令行界面输入npm install --save jquerynpm install @types/jquery --save2.在相应ts文件导入美元符号$:declare let $: any;原创 2019-05-30 10:54:33 · 500 阅读 · 0 评论 -
angular表单自定义校验验证
在formConfig的每个key对应的value中的验证方法部分填写验证规则代码,也可抽象成方法以登录密码验证为例:const _config = { id: [, , , {label: '', class: 'col-md-12 col-lg-12', hidden: true, type: 'static'}], code: [, , , {label: '员工编...原创 2019-05-08 12:31:46 · 2648 阅读 · 1 评论 -
angular中如何获取被引用组件内的方法
步骤:设置一个变量,将其用ViewChild装饰, 将该变量的类型设定为被引用组件的类名(class 后面的那个单词),如注释B中所释代码 调用该变量,采用变量名+“." 的方式调用该变量内的方法,如注释C中所释代码。import {Component, OnInit, ViewChild} from "@angular/core";import {FormComponent} f...原创 2019-05-05 15:51:12 · 2372 阅读 · 0 评论