Angular 6的字符串插值不会更新DOM,而innerHTML会更新DOM。
创始人
2024-10-16 07:31:15
0

在Angular 6中,字符串插值不会自动更新DOM,而innerHTML属性会更新DOM。如果您想要在字符串插值后更新DOM,可以使用Angular的变更检测机制手动触发变更检测。

以下是一个示例解决方法:

在组件的模板中,使用字符串插值来显示变量的值:

{{myString}}

在组件的类中,将变量定义为公共属性,并在需要更新DOM时手动触发变更检测:

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html'
})
export class MyComponent {
  myString: string = 'Hello';

  constructor(private cdr: ChangeDetectorRef) {}

  updateString() {
    this.myString = 'World';
    this.cdr.detectChanges(); // 手动触发变更检测
  }
}

在上面的示例中,当调用updateString方法时,将更新myString的值为'World',然后手动触发变更检测,以更新DOM。

请注意,在Angular中,推荐使用数据绑定来更新DOM,而不是依赖手动触发变更检测。使用数据绑定可以更好地利用Angular的变更检测机制,并提供更好的性能。

相关内容

热门资讯

第7分钟辅助!wepoker可... 第7分钟辅助!wepoker可以开透视吗,epoker免费透视脚本,指南教程(有挂教学)1、首先打开...
三分钟辅助!wepoker免费... 三分钟辅助!wepoker免费脚本咨询,aapoker如何设置胜率,手册教程(果真有挂)1、很好的工...
第7分钟辅助!wepoker私... 第7分钟辅助!wepoker私人局辅助,hhpoker是真的还是假的,法子教程(有挂透明挂)hhpo...
四分钟辅助!wepoker分析... 四分钟辅助!wepoker分析,werplan怎么透视,模板教程(有挂方式)该软件可以轻松地帮助玩家...
第6分钟辅助!哈糖大菠萝软件下... 第6分钟辅助!哈糖大菠萝软件下载,aapoker怎么开辅助器,法子教程(证实有挂)1、哈糖大菠萝软件...
七分钟辅助!hhpoker透视... 七分钟辅助!hhpoker透视方法,we poker辅助器下载,机巧教程(有挂存在)1、we pok...
三分钟辅助!werplan免费... 三分钟辅助!werplan免费挂下载,拱趴大菠萝挂怎么安装,项目教程(有挂方针)1、完成拱趴大菠萝挂...
第9分钟辅助!wpk透视辅助靠... 第9分钟辅助!wpk透视辅助靠谱吗,wepoker透视脚本视频,机巧教程(有挂教学)wepoker透...
第十分钟辅助!werplan辅... 您好,wepoker游戏安装教程这款游戏可以开挂的,确实是有挂的,需要了解加去威信【13670430...
一分钟辅助!哈糖大菠萝怎么开挂... 一分钟辅助!哈糖大菠萝怎么开挂,wepoker透视脚本免费,阶段教程(有挂规律)1、哈糖大菠萝怎么开...