だから私はリスト配列を含む1つのコンポーネントを持っています:
コンポーネントTS:
list = [
{name:Jhon},
{name: Pop}
]
コンポーネントhtml:
<h2>List :</h2>
<b-component></b-component> //how to pass list to B component here ?
Bコンポーネントhtml:
<div *ngFor="let item of list">
{{list.name}}
</div>
AコンポーネントリストをタグのBコンポーネントに渡す方法は?
このstackblitzデモを見る
親コンポーネント
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<hello [list]="list"></hello>
`,
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
list = ['abc', 'edf', 'ghi'];
}
子コンポーネント
import { Component, Input } from '@angular/core';
@Component({
selector: 'hello',
template: `
<ul>
<li *ngFor="let item of list">
{{item}}
</li>
</ul>
`
})
export class HelloComponent {
@Input() list: string[];
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加