大个子小可爱的博客

angular移动端预览PDF经验记录需求以及解决办法：单个页面可以同时预览多份PDF，这样就无法使用window.open('https:www.wxw.pdf','_self');的方式去利用自带浏览器去解析PDF。因为原因（1），所以采用iframe去嵌入解析多个PDF链接。但是又发现，安卓手机端无法直接加载显示PDF,会强制提醒用户下载后再查看。因为方式（1）（2）都被PAS...

一. 什么是路由复用？ 为什么使用路由复用？路由在执行过程中对组件无状态操作，即路由在离退时组件状态会一并删除，再次进入该页面会重新进入ngOnInit中，大部分情况这样是合理的。但是在移动端这边，一般都是有查询列表页，用户可以进行下拉触底加载更多数据，这时候，当用户点击某项进入详情页后，再次跳回列表页时，会发现列表页重新刷新了一遍，用户上次的访问滚动记录已经不在了…这时候肯定会被提出需求：记...

一. 什么是路由守卫？什么情况下使用路由守卫？定义：在进入或离开路由时进行一定条件的判断和处理。应用场景：用户可能无权导航到目标组件用户得先登录（认证）在显示目标组件前，你可能得先获取某些数据在离开组件前，你可能要先保存修改你可能要询问用户：你是否要放弃本次更改，而不用保存它们？路由守卫返回一个布尔值，来控制路由器的跳转行为返回 true，导航过程会继续...

一. Router 导航跳转相关方法// 1. Html跳转<button routerLink="/archives/not-certification-apply">新增</button>// 2. navigateByUrl() 基于所提供的 url 进行导航。这种导航永远使用绝对路径。this.router.navigateByUrl('/projec...

1. 关于在Angular中进行本地上传、临时图片预览功能的注意事项：1、将inputchange事件返回的临时图片路径转化为安全的DOMString，该url的生命周期和创建它的窗口中的document绑定。参考链接：https://angular.cn/api/platform-browser/DomSanitizer<input class="custom-upload-i...

[ngClass]指令 和 [class]// 1. [class]切换单一类名<div [class]="nzLayout === 'vertical' ? '' : 'advanced-form ant-form'"> </div> // 参数: string<div class="special" [class.special]="!isSpecia...

一. angular6 组件之间传值的几种方式：父组件通过属性绑定到子组件，子组件通过事件传递参数到父组件父组件通过局部变量获取子组件的引用父组件使用@ViewChild获取子组件的引用两个不相关联的组件使用中间人模式交互终极大招:创建一个服务注入到组件中直接把父组件当做服务注入到子组件中二. set与get方法 ：父组件传递数据到子组件，子组件接受数据，对其接收的数据进行处理...

父子组件相互传值子组件如果想返回去传值给父组件，父子组件相互传值需要使用【subscribe】service代码import { Injectable } from '@angular/core';import { BehaviorSubject } from 'rxjs/BehaviorSubject';@Injectable()export class VideoService...

一. @ViewChild #name获取本html页面元素引用参考：https://www.jb51.net/article/114945.htmlViewChild参考：https://segmentfault.com/a/1190000008695459https://www.cnblogs.com/yw0219/p/7788633.htmlElementRef是一个允许直...

输入属性@Input 装饰器 ：当它通过属性绑定的形式被绑定时，值会“流入”这个属性输出属性 @Output 装饰器：这个属性总是返回 EventEmitter 。 当它通过事件绑定的形式被绑定时，值会“流出”这个属性。输入属性 @Input 通常接收数据值。 输出属性 @Output 暴露事件生产者，如 EventEmitter 对象。参考链接：https://www.cnblogs....