
Angular
qq_33712668
这个作者很懒,什么都没留下…
展开
-
Rxjs学习与promise的比对
文章目录常见的异步编程准备工作回调函数和promise同步回调函数PromiseRxJS处理异步Rxjs unsubscribe中途撤回Rxjs订阅后多次执行Rxjs的工具函数常见的异步编程1、回调函数2、事件监听/发布订阅3、Promise4、Rxjs准备工作为了方便演示,可新建一个服务为request,最后在app.module中引入及注入该服务。具体见Angular服务的使用随后在组件中引入该服务回调函数和promise同步服务中: getData(): any {原创 2020-08-18 18:07:20 · 660 阅读 · 0 评论 -
Angular父子组件通信及和vue的对比
父组件给子组件传值-@Input父组件不仅可以给子组传递简单的数据,也可以把自己的方法整个传递给子组件1 传入数据<app-sub-dom [msg]="msg"></app-sub-dom>2 子组件引入Input模块import {Input} from '@angular/core';3 子组件获取父组件数据@Input('msg') title: string;...原创 2020-08-17 16:16:03 · 776 阅读 · 0 评论 -
Angular中使用viewchild操作dom和子组件
ViewChild获取dom节点首先在项目中新建名为dom的组件步骤模板中给dom节点起名字在业务逻辑中引入viewchild通过viewchild装饰器获得dom节点在ngAfterViewInit中操作dom节点示例html中写一个id为myBox的节点<h2>dom works!</h2><div #myBox>hello</div>ts中引入ViewChild并使用该装饰器获取节点import { Component原创 2020-08-13 10:48:13 · 662 阅读 · 0 评论 -
Angular生命周期带实例讲解
vue中的生命周期函数为beforeCreated,created,beforeMouted,mounted,beforeUpdated,updated,beforeDestroyed,destroyedAngular内的组件生命周期函数简单示例为了更好示范,找一个组件试一下,全部打印出来,翻出之前建立好的项目,使用ng g component components/hook新建hook组件,然后改写该组件的ts文件如下import { Component, OnInit, DoCheck.原创 2020-08-12 17:22:52 · 941 阅读 · 0 评论 -
Angular服务的使用(以localStorage为例)
文章目录Angular中的服务创建服务命令引入并配置服务其他组件使用服务以localStorage为例实现Angular中的服务angular是基于模块化、组件化的开发方式,默认情况下组件中无法互相调用方法,有一些公共功能可以封装在服务里。想在哪个组件里用公共的方法,就可以从服务中直接引入。在vue中就是自己直接新建一个文件夹,里面写上js文件,exports出来,再在需要用到的.vue文件的script标签中import。没有像angular这样可以通过cli创建。创建服务命令可以通过an原创 2020-08-11 16:38:42 · 1203 阅读 · 0 评论 -
从头学Angular
文章目录angular目录结构目录概览核心文件app.module.ts 根模块app.component.ts什么是z自己创建一个组件试试angular目录结构目录概览ng new创建完项目得到目录,开发一般只用到src,所以仅说明src目录app ------------------ 组件及根模块文件asset ----------------- 静态资源文件browserlist -------------------- 支持浏览器文件index.html --------- 入口文原创 2020-08-07 16:29:31 · 803 阅读 · 0 评论