Angularコントロールから外部TSにどのように値を設定しますか？

2年 ago
桜, 春樹
1 minute

外部の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>

ExampleComponentコンポーネントのvalue属性に[value]=”externalValue”で値を設定する、ここでexternalValueは外部tsファイルで定義された変数である。

bannerAds