要給外部的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屬性。