m0_54944506的博客

秉承及时更新代码的原则，我立即对该模块中的路由守卫代码进行了更改，但在修改时遇到了一个问题，即判断逻辑依赖于其他注入，这没有constructor你让我很难办啊。可以让更加方便地在子组件中注入父组件中使用的服务，而不必关心父组件到底使用了哪些注入项。这样的设计可以提高代码的可重用性，使得子组件的实现更加独立，不会被父组件的变化所影响。众所周知，在 Angular 中的组件/指令/管道中如果需要使用某个服务，必须通过构造函数参数注入才可使用。例如，在父组件中使用多个服务时，子组件可以使用。

接收动态传参值： this.activateRoute.params.subscribe(params=>{});通过this.activateRoute.snapshot.paramMap.get()也能一次性获取传值。 跳转a组件。接收查询参数值： this.activateRoute.queryParams.subscribe(params=>{});二：在ts中实现路由跳转功能。

【代码】angular新版本动态创建组件。

导出的这些可声明对象就是该模块的公共 API 白话文解释为:想要在别的模块使用该模块声明的管道、组件、指令就需要在该模块exports进行声明。imports:这里列出的 NgModule 所导出的可声明对象可用在当前模块内的模板中 白话文解释为:在其他模块声明的对象想要在该模块使用，就要在 imports 里声明方可使用，当然在其他模块声明的对象想要在其他模块使用，需要在 exports 声明。把一个类标记为 NgModule，并提供配置元数据。

如何在angular中对数据进行格式化操作有两种方法第一种是利用formatDate方法进行日期格式转换，另一种是利用datePipe管道进行日期数据处理formatDate()方法首先引入import { formatDate } from '@angular/common'import {Component,Inject,LOCALE_ID }from '@angular/core';使用formatDate(value :string|number|date,format:strin

let obj ={ name:'张三', age:18}for (let key in obj){ console.log(obj[key]) //会报错 Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ LOGOUT: string; }'. No index signature with a parame

需求：需要把localhost:4200/api上的所有调用都转给运行在localhost:8080上的服务器可采取以下步骤：1.在项目内新建proxy.config.json文件2.在新建的代理配置文件中输入 和webpack.config.js类似 详细配置可以去官网{ "/api": { "target": "http://localhost:8080", "secure": false }}3.修改angular.json 中配置项"serve": {

1.客户端用户登录输入账号和密码2.服务端校验账号以及密码,通过后根据用户唯一标识符生成token并返回给客户端示例为node，koa服务端下载对应依赖包npm install jsonwebtoken --save 用法const jwt = require('jsonwebtoken')const secret = 'ZHX_TOKEN'//创建tokenlet token = jwt.sign(obj,secret,opt)//解码tokenjwt.verify(token,s

viewContainerRef表示可以将一个或多个视图附着到组件中的容器@Directive({selector: ‘[appDynamicComponent]’})export class DynamicComponentDirective {constructor(public viewContainerRef: ViewContainerRef) { }}@ViewChild(DynamicComponentDirective) componentHost: DynamicCompo

export declare class ActivatedRoute { /** An observable of the URL segments matched by this route. */ url: Observable<UrlSegment[]>; //当前路由的path 以及跳转参数 // value对象{ // parameters: //跳转参数 如果为queryParameter则不会出现在这 // path:''

路由跳转方式 总的大概分为两种通过模板链接进行跳转两种写法 <a routerLink="./component-a">跳转a组件</a> <a [routerLink]="['./component-a']" >跳转a组件</a>定义路由{path: 'component-a', component: ComponentAComponent}定义路由出口<router-outlet></router-ou

使用投影来创建灵活的可复用性组件投影分为三种：单插槽内容投影，使用这种投影，组件可以从单一来源接受内容多插槽内容投影，使用这种投影，组件可以从多个来源接受内容有条件的内容投影，使用条件内容投影的组件必须在符合条件时才能接受内容ng-content 元素只是一个占位符，它不会创建真正的dom元素，ng-content 上的自定义属性将会被忽略单插槽内容投影：//内容投影组件模板<p>单插槽内容投影：</p><app-one-content-projection&

当组件数量不多的话可以利用ngif来判断component组件目录结构模板代码<nz-radio-group [(ngModel)]="radioValue" (ngModelChange)="radioValueChange()"> <label nz-radio nzValue="A">A</label> <label nz-radio nzValue="B">B</label> <label nz-radio nzV

在用angular前端中，组件之间的交互十分重要，该篇文件将会对angular框架中组件交互的方式进行一个汇总组件交互大概分为五种类型1.@input 父传子2.@Output 子传父3.本地变量4.@viewChild5.服务@input 父传子父子组件的交互是开发中比较常见的，大家用的也比较熟练，但还是统一记一下吧，就当是复习了父传子时 传引用类型的数据时，在子组件发生改变后，父组件也会发生改变；值类型的数据不会发生变化父传子 会用到@Input 装饰器父组件//模板<a

ng-containerng-container 是angular 定义的一个特殊的语义化标签可以把它理解为一个容器，可以直接包裹任何一个元素，但本身不会生成元素化标签，也不会影响页面布局和样式ng-container 经常用来配合ngif和ngfor进行使用<div [ngStyle]="{'background-color':'yellow'}"> <ng-container *ngFor="let data of valueData"> <div&gt