![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ng
酒慰风尘
这个作者很懒,什么都没留下…
展开
-
时间戳----消息通知
import { Injectable } from '@angular/core';@Injectable()export class TimeNoticeFileService { // 时间戳转换日期 (yyyy-MM-dd HH:mm:ss) formatDateTime = timeValue => { const date = new Date(timeValue), y = date.getFullYear(); let m: number |原创 2020-06-11 17:33:43 · 236 阅读 · 0 评论 -
移动端无限滚动/横向(X轴)tab选择
无限滚动并加载数据其中还有加载时图片的展示这里结合ionic4写的 // 统一处理结果 handleResult(res: CommonProductResult) { // 定义下接口回值的属性 this.isNoSuch = false; // 加载时的图片 this.isWaiteList = false; //返回无数据时给占位符 if (!!res.list.length) { if (this.pageNum > DEFAULT_PAGE_原创 2020-06-09 17:12:14 · 509 阅读 · 0 评论 -
Angular组件传值
1、父组件通过属性绑定到子组件,子组件通过事件传递参数到父组件2、父组件通过局部变量获取子组件的引用3、父组件使用@ViewChild获取子组件的引用4、两个不相关联的组件使用中间人模式交互5、终极大招:创建一个服务注入到组件中6、直接把父组件当做服务注入到子组件中一、通过输入与输出属性进行传递进行组件之间数据交互//父组件html<li *ngFor="let item of dataSet;let i = index"> <span>{{item.na.原创 2020-05-27 10:42:08 · 670 阅读 · 0 评论 -
您的全局Angular CLI版本(9.1.5)大于本地版本 版本(8.1.3)。使用本地Angular CLI版本。
Your global Angular CLI version (9.1.5) is greater than your local version (8.1.3). The local Angula1.使用命令行创建新项目的时候遇到的错误:Your global Angular CLI version (9.1.5) is greater than your localversion (8.1.3. The local Angular CLI version is used.翻译过来就是:使用的全原创 2020-05-24 13:04:40 · 3327 阅读 · 0 评论 -
(RxJS中的方法)Observable - Creation Operator
官方文档.RxJS 中提供了很多操作符,用于创建 Observable 对象,常用的操作符如下:createoffromfromEventfromPromiseemptyneverthrowintervaltimerList itemofvar source = Rx.Observable.of('Semlinker', 'Lolo');source.subscribe({ next: function(value) { console.log(v原创 2020-05-21 15:36:38 · 218 阅读 · 0 评论 -
rxjs--------Observable可观察对象
前言随着开发中项目的越来越大,代码的要求越来越高,于是开始四处搜找各种js库进行学习。为了学习代码行为模式,例如:竞争等等。在技术总监的指引下找到Rxjs进行学习,再次表以感谢。在看教程时,有很多地方不解,于是用博客做以记录,并将自己的经验以尽可能简单的方式分享给大家。这里简单解释一下Rxjs,RxJS 是一个js库,它通过使用 observable 序列来编写异步和基于事件的程序。ReactiveX 结合了 观察者模式、迭代器模式 和 使用集合的函数式编程,以满足以一种理想方式来管理事件序列所需要的一原创 2020-05-20 22:51:47 · 571 阅读 · 0 评论 -
angular生命周期
angular生命周期是什么1、Angular每个组件都存在一个生命周期,从创建,变更到销毁。Angular提供组件生命周期钩子,把这些关键时刻暴露出来,赋予在这些关键结点和组件进行交互的能力,掌握生命周期,可以让我们更好的开发Angular应用2、每个接口都有唯一的一个钩子方法,它们的名字是由接口名再加上ng前缀构成的,比如OnInit接口的钩子方法叫做ngOnInit.3、没有指令或者组件会实现所有这些接口,并且有些钩子只对组件有意义。只有在指令/组件中定义过的那些钩子方法才会被Angular调用原创 2020-05-14 23:00:55 · 764 阅读 · 0 评论 -
Angular路由守卫 canDeactivate
引言在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求。当希望用户离开一个正常编辑页时,要中断并提醒用户是否真的要离开时,如果在Angular中应该怎么做呢?其实Angular路由守卫属性可以帮我们做更多有意义的事,而且非常简单。什么是路由守卫?Angular 的 Route 路由参数中除了熟悉的 path、component 外,还包括四种是否允许路由激活与离开的属性。canActivate控制是否允许进入路由。canActivateChild等同 can原创 2020-05-14 17:28:59 · 1861 阅读 · 0 评论 -
Rxjs Observable
创建Observable:Rx.Observable.create 是 Observable 构造函数的别名,它接收一个参数:subscribe 函数。例子:每秒推送一个“Hi”Rx.Observable.create(function subscribe(observer){var i=setInterval((observer)=>{observer.next("Hi")},1000);});在上面的示例中,subscribe 函数是用来描述 Observable 最重要的一块。原创 2020-05-14 16:11:58 · 643 阅读 · 0 评论