angular控件怎么给外部ts赋值

angular

432

2023/10/27 19:59:13

栏目: 编程语言

要给外部的ts赋值，需要通过@Input()装饰器将属性定义为一个输入属性，然后在外部的ts文件中通过属性绑定的方式给该属性赋值。

在要给外部的ts文件中，假设有一个名为value的属性，可以在Angular组件中定义如下：

import { Component, Input } from '@angular/core';
@Component({
selector: 'app-example',
template: `
<div>{{ value }}</div>
`,
})
export class ExampleComponent {
@Input() value: string;
}

然后，在外部的ts文件中，可以通过属性绑定的方式给value属性赋值，如下所示：

<app-example [value]="externalValue"></app-example>

在上面的代码中，externalValue是外部ts文件中定义的一个变量，通过[value]="externalValue"的方式将其赋值给ExampleComponent组件的value属性。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

angular控件怎么给外部ts赋值

最新知识库

相关标签