qq_44855897的博客

angular9动态组件前言指令的创建动态组件的核心代码动态组件加载的html动态组件的tsad-item.tsad.component.ts组件统一注册组件的映射效果图参考资料 前言 按条件加载组件,实现组件的灵活切换,减少大量ngIf的使用,在angular中也是比较常见的操作,下面就来大家一起交流一下angular组件的动态使用. 指令的创建 在添加组件之前，先要定义一个锚点来告诉 Angular 要把组件插入到什么地方。 在src/dynamic-banner/ad.directive.ts下 im

angular9拦截器的简单使用拦截器统一添加token拦截器使用拦截器实现后的效果参考资料 拦截器统一添加token 我们在做一个后台管理系统时,需要给每个请求的请求头里面添加token,所以下面我们来了解一下angular的拦截器,并使用 拦截器使用 1.创建http.service.ts,用于网络请求 import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Inje

三分钟上手路由守卫路由守卫是什么组件的创建守卫路由相关核心代码在路由中使用守卫参考资料 路由守卫是什么 任何用户都能在任何时候导航到任何地方。但有时候出于种种原因需要控制对该应用的不同部分的访问。可能包括如下场景： 该用户可能无权导航到目标组件。 可能用户得先登录（认证）。 在显示目标组件前，你可能得先获取某些数据。 在离开组件前，你可能要先保存修改。 你可能要询问用户：你是否要放弃本次更改，而不用保存它们？ 组件的创建 1.home组件创建 2.login组件创建 3.home下的first和second