angular
Imency
希望你的眼睛带着笑想要的都得到
展开
-
angular子父传值 output 配合 EventEmitter使用
要将子组件中的参数发送给父组件;1.## 子组件@Output() deptClick = new EventEmitter<Department>(); nzEvent(event: NzFormatEmitEvent): void { event.node.isSelected = true; const selectData = this.getSelectData(); console.log(selectData); this.u.原创 2020-07-15 17:15:38 · 786 阅读 · 0 评论 -
选项卡跳转
ng-zoro中的tabs要跳转页面的页面路由配置 this.router.navigate(['/ou/system-module/subpage'], {queryParams: {index: 1, key: encodeURI(selectData[0].key)}}); }页面<nz-tabset [(nzSelectedIndex)]="index"> <nz-tab nzTitle="子模块"> <app-subs-p原创 2020-07-06 15:08:29 · 293 阅读 · 1 评论 -
Modal弹出Tree树形控件,外部组件获取内部组件元素(@ViewChild),获取树形节点 双向绑定在input框上
一、页面 点击选择弹出modal弹出层二、弹出管理员选择的页面.html <nz-form-item> <nz-form-label nzRequired>管理员</nz-form-label> <nz-form-control class="col-md-3 " nzErrorTip="请输入管理员"> <input nz-input formControlName="admcode" [(ngModel)原创 2020-06-24 13:31:32 · 731 阅读 · 0 评论 -
angular中router-outlet插槽的使用 (路由配置)
一、页面结构二、首页内容三、路由配置module.ts中import {NgModule} from '@angular/core';import {CommonModule} from '@angular/common';import {RouterModule, Routes} from '@angular/router';import {VirtualOrgComponent} from './virtual-org.component';import {NgZorroAntdMo原创 2020-06-24 10:13:23 · 3227 阅读 · 0 评论 -
如何在angular中使用iconfont字体图标?
一、登录iconfont,将要用的图标添加购物车后,添加至自己的项目中;二、点击下载至本地,打开压缩包,在assest文件夹下新建一个fonts的文件夹三、把后缀为 .eot .svg .ttf .woff的文件放在下面;四、把iconfont.css放在此文件下 也可新创建一个文件夹放入;五、然后把.iconfont{}这段内容换成[class^="icon-"], [class*=" icon-"] {/* use !important to prevent issues w原创 2020-06-22 17:18:37 · 1304 阅读 · 0 评论 -
IDEA Android模拟器和设备上运行和调试Ionic应用程序
一.ionichttps://ionicframework.com/docs/developing/android可以在官网下载安装 Android Studio,在将应用程序部署到Android模拟器和设备之前,必须先配置本机项目。**ionic capacitor add android开发Ionic应用程序并将其同步到本机项目。**ionic capacitor copy android如果用自己手机调试 请打开手机的开发者模式进行调试!...原创 2020-06-17 15:57:16 · 1452 阅读 · 0 评论 -
map,filter,foreach的区别和用法
一、map():元数组被映射成新数组语法:array.map(callback,[ thisObject]);callback(回调函数)的参数也类似:[].map(function(value, index, array) { // ...});;例:二、filter()filter()方法filter指数组filter后,返回过滤后的新数组。用法跟map极为相似:filter的callback函数需要返回布尔值true或false. 如果为true则表示通过啦!如果为f原创 2020-06-17 15:28:58 · 773 阅读 · 1 评论 -
es5 function函数转换es6箭头函数
例如:var users = [ {name: "路飞", "email": "lufei@email.com"}, {name: "索隆", "email": "suolong@email.com"}, {name: "娜美", "email": "namei@email.com"}];var emails = users.map( function(user) { return user.email; });console.log(emails.join(", "));co原创 2020-06-17 15:01:51 · 1901 阅读 · 0 评论 -
登录加密,携带token,修改密码加密
/** * 头部信息获取,主要用于处理token * // attr1 attr2 obj.attr1=123 * // attrX='attr1' obj[attrX]=123 <==> obj.attr1=123 * // attrX='attr2' obj[attrX]=123 <==> obj.attr2=123 */ private getHeaders() { const header...原创 2020-06-08 09:29:12 · 1483 阅读 · 0 评论 -
forEach遍历数组!!
获取到的数据如图:上代码!nice() { this.systemService.Alldepart().subscribe(data => { const depart = []; data.forEach(s => { console.log(s) }) }); }得出的s如下:...原创 2020-06-05 17:15:02 · 561 阅读 · 0 评论 -
校验短信验证码
/检验短信验证码/ smsCheck() { // 输入的验证码的长度之后开始验证 this.ordinaryService.checkSms(this.info.code).subscribe(data => { if (data.data == true) { this.tip(data.desc...原创 2020-05-08 15:41:27 · 436 阅读 · 0 评论 -
angular实现查询功能
这里写自定义目录标题接口获取页面放搜索框接口获取 accountList(accout: Accounts) { return this.dataService.post(`/api/list/accounts?${!accout.code ? '' : `code=${accout.code}`}${!accout.orgName ? '' : `orgName=${accout....原创 2020-04-15 11:58:38 · 1359 阅读 · 0 评论 -
ssh: connect to host 192.168.83.20 port 22: Connection timed out Could not read from remote reposito
无法pull或者push代码并报错时;在文件所在的目录找到git下的config文件并从编译器中打开 url = ensisrc@192.168.1.260:ensi_front 修改url后的地址解决!原创 2020-03-25 10:16:43 · 2021 阅读 · 0 评论 -
angular上传头像,上传图片/单张,多张
1. 上传多张图片html <ImagePicker [files]="files" [multiple]="multiple" [selectable]="files.length < 5" [accept]="'image/gif,image/jpeg,image/jpg,ima...原创 2020-03-24 11:53:54 · 954 阅读 · 0 评论 -
angular父子传值@input以及@viewchild获取dom元素的使用
@input父子传值1.父组件的html中定义变量父组件的ts中 isRef = false; ionViewWillEnter() { this.isRef = !this.isRef; }子组件ts中 @Input() isRef //@Input 此命令用来修饰isRef是用来接收父组件传递的值ngOnChanges(changes:...原创 2020-03-20 10:44:28 · 741 阅读 · 0 评论 -
组件传值之viewchild
一. @ViewChild #name获取本html页面元素引用转自:https://blog.csdn.net/weixin_44628533/article/details/102463303参考:https://www.jb51.net/article/114945.htmlViewChild参考:https://segmentfault.com/a/1190000008695459...转载 2020-03-19 10:58:02 · 138 阅读 · 0 评论 -
时间日期之间的转换
1.日期处理原创 2020-03-18 17:13:18 · 204 阅读 · 0 评论 -
路由跳转之传参
路由跳转this.router.navigate(['jiaowzx/paikgl-addxuey', data.paikjlbid]); this.router.navigate(['jiaowzx/qiandcb'], {queryParams: data});原创 2020-01-04 22:39:04 · 676 阅读 · 0 评论 -
Error:listen EADDRNOTAVAIL:address not available解决
ip地址错误项目启动不了ip地址会隔一段时间就换掉右击打开网络和Internet设置打开网络和共享中心修改ip和网关 从cmd中输入ipconfig 获取网关原创 2020-01-03 10:03:35 · 19748 阅读 · 3 评论