Angular - 随笔分类 - foremost

Angular 中自定义模块

摘要：一、Angular 内置模块二、Angular 自定义模块当我们项目比较小的时候可以不用自定义模块。但是当我们项目非常庞大的时候把所有的组件都挂载到根模块里面不是特别合适。所以这个时候我们就可以自定义模块来组织我们的项目。并且通过 Angular 自定义模块可以实现路由的懒加载。例如，创建阅读全文

posted @ 2020-05-26 19:44 foremost 阅读(1091) 评论(0) 推荐(0)

13-angular中的路由

摘要：路由就是根据不同的url地址，动态的让根组件挂载其他组件来实现一个单页面应用一、Angular 创建一个默认带路由的项目 1. 命令创建项目 ng new angularRoute --skip-install 2. 创建需要的组件 ng g component components/news n 阅读全文

posted @ 2020-05-25 17:25 foremost 阅读(535) 评论(0) 推荐(0)

11-Rxjs异步数据流编程-Rxjs快速入门教程

摘要：目前常见的异步编程的几种方法：1、回调函数2、事件监听/发布订阅3、Promise4、Rxjs setInterval是一个实现定时调用的函数，可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。 Rx 阅读全文

posted @ 2020-05-25 10:36 foremost 阅读(535) 评论(0) 推荐(0)

10 Angular中的生命周期函数--动态挂载销毁组件

摘要：一、 Angular 中的生命周期函数数官方文档：https://www.angular.cn/guide/lifecycle-hooks生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。当 Angular 使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时阅读全文

posted @ 2020-05-25 09:08 foremost 阅读(2044) 评论(0) 推荐(0)

Angular 父子组件以及组件之间通讯

摘要：一、父组件给子组件传值-@input 例如根组件是 home是父组件 header是子组件在home.component.html引入子组件：<header 1. 父组件调用子组件的时候传入数据 <app-header [msg]="msg"></app-header> 在父组件中定义数据 p 阅读全文

posted @ 2020-05-24 17:23 foremost 阅读(1646) 评论(0) 推荐(0)

Angular 中的 Dom 操作以及@ViewChild 、 Angular 执行 css3 动画

摘要：一、Angular 中的 dom 操作（原生 js） ngAfterViewInit(){ var boxDom:any=document.getElementById('box'); boxDom.style.color='red'; } 二、Angular 中的 dom 操作（ViewChild 阅读全文

posted @ 2020-05-24 16:39 foremost 阅读(515) 评论(0) 推荐(0)

Angular中的服务以及自定义服务-数据持久化

摘要：Angular采用模块化、组件化的开发方式组件之间的方法不能相互调用，一些公共的功能封装到服务里面，各组件调用服务里面的方法服务之间可以相互调用；服务不能调用组件二、创建服务命令 ng g service my-new-service 创建到指定目录下面 ng g service servi 阅读全文

posted @ 2020-05-22 16:20 foremost 阅读(445) 评论(0) 推荐(0)

Angular 目录结构分析、app.module.ts 详解、以及 Angular 中创建组件、组件、详解、绑定数据

摘要：ng new 项目名称安装依赖：npm install 运行项目 ng serve 创建新的组件： ng g component components/news 1、所有的页面由组件组成，组件之间相互引用组合 2、组件里面绑定数据，在ts里面定义，在html里面引用一个组件定义数据，只能在本组件阅读全文

posted @ 2020-05-21 09:50 foremost 阅读(325) 评论(0) 推荐(0)

随笔分类 - Angular