#Angular6

angular6 管道多参数传输 Pipe

 在html页面中使用冒号隔开   在管道页面变量名逗号隔开 ...

angular6 使用@Input() @Output()

 @Input() 在B组件的TS文件中定义@Input()authenticationText;@Input()previewUrl;@Input()side;在A组件的html文件中使用方法 这样就可以AB组件传值  @Output()在B组件中定义@Output(...

angular6 想要获取页面某些事件 如 点击 window宽高等等

angular6想要监听页面某些事件如 点击window宽高使用@HostListener('click',['$event.target'])onClick(btn){  console.log(btn);} 待续。...

angular6 中使用bootstrap

npminstalljquery  --savenpminstallpopper.js  --savenpminstallbootstrap   --save  然后在node_modules文件夹中可以找到你安装的文件接下来开始...
代码星球 ·2020-04-16

Angular6 组件树结构优化

本片博客主要是记录实际项目开发中使用Angular6框架,遇到的一个问题。现象:  Angular6框架写的前端web网页,在实际部署运行过程中遇到了一种现象,引入懒加载以后,加载登录面速度很快,但是登录成功以后,页面切换到首页面组件这个过程却很慢,总是登录页面显示登录成功以后,停留好长时间页面才会切换到首页面。现象分...
代码星球 ·2020-04-06

Angular6+ng-zorro实现登录页面

一、效果图   二、html代码1<divclass="login-container">2<divclass="login-box">3<!--账号登录-->4<formnz-form[formGroup]="user"class="login-form"*ngIf...

Angular6 项目开发常用时间组件服务

一、利用Angular命令行工具生成一个服务。  详情见:《Angular环境搭建》,服务代码如下:1import{Injectable}from'@angular/core';23@Injectable({4providedIn:'root'5})6exportclassTimeutilProvider{78priv...

Angular6封装LED时钟数字组件

一、运行截图  截图1:      截图2:    二、代码  html代码:1<divclass="time">2<ng-container#container>34</ng-container>5</div>678<ng-template#child_elem&...

angular6、7 兼容ie9、10、11

1.找到polyfill.ts并打开注释 /***ThisfileincludespolyfillsneededbyAngularandisloadedbeforetheapp.*Youcanaddyourownextrapolyfillstothisfile.**Thisfileisdividedinto2...
代码星球 ·2020-04-04