html不能正常使用[innerHtml]显示

<div [innerHtml]="article.data.content | safeHtml"></div>使用safeHtml名字的管道

  1. import {SafeHtmlPipe} from "...";
  2. 中间略
  3. declarations: [
  4. ...
  5. SafeHtmlPipe
  6. ]
  1. import {Pipe, PipeTransform} from '@angular/core';
  2. import {DomSanitizer} from "@angular/platform-browser";
  3. @Pipe({
  4. name: 'safeHtml'
  5. })
  6. export class SafeHtmlPipe implements PipeTransform {
  7. constructor(private sanitizer: DomSanitizer) {
  8. }
  9. transform(value: string, ...args: unknown[]): unknown {
  10. return this.sanitizer.bypassSecurityTrustHtml(value);
  11. }
  12. }

.angular/cache 应当在版本管理工具中ignore

subscribe & Observable % Async

image.png
image.png

public & private

public的方式能够在html中直接绑定服务中的变量

http发送请求无法收到cookie

Angular(http请求)
应该在设置中加上withCredentials: true否则怎样都收不到cookie

service有时会失效 懒加载

需要共享的数据放在service中,否则放在component中就好

如何在子模块genarate & 指定目录中generate

ng g c material-component/role --module=material.module
类似这样 实际上目录指定后,模组会就近寻找,可以省略后面那句话!!!

控制台总是发出警告,material的模板core theme找不到

image.png
在angular.json中修改
image.png