Angular 7:如何在ts文件中更改后保持html中的变量值的更新

在Angular 7中，可以通过使用双向数据绑定来实现在ts文件中更改后保持html中的变量值的更新。双向数据绑定可以确保当ts文件中的变量值发生变化时，对应的html中的变量值也会自动更新。

具体实现步骤如下：

1. 在ts文件中定义一个变量，并将其绑定到html中的一个元素上。例如，假设我们在ts文件中定义了一个名为"message"的变量，并将其绑定到一个段落元素上：

message: string = "Hello World";

1. 在html文件中，使用插值表达式将该变量绑定到对应的元素上。例如，将上述定义的"message"变量绑定到一个段落元素上：

<p>{{ message }}</p>

1. 当需要在ts文件中更改该变量的值时，只需直接对该变量进行赋值即可。例如，我们可以在ts文件中的某个方法中更改"message"变量的值：

changeMessage() {
  this.message = "New Message";
}

1. 当调用该方法时，"message"变量的值会被更新，并且对应的html中的变量值也会自动更新，从而实现了在ts文件中更改后保持html中的变量值的更新。

这种双向数据绑定的方式可以使得在Angular 7中进行前端开发时，实现数据与视图的同步更新，提高开发效率和用户体验。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云数据库MySQL版、腾讯云对象存储（COS）等。

更多关于Angular 7的详细信息和使用方法，请参考腾讯云官方文档：Angular 7开发指南。