コンポーネントの入力として文字列または数値を設定できます。
@Input('name') name: string;
HTMLファイルで使用します。
<div>{{name}}</div>
しかし、文字列の代わりにコンポーネントを設定したいのです。name
言い換えると、別のコンポーネントの入力用にコンポーネントを設定するにはどうすればよいですか?
要素またはコンポーネントを別のコンポーネント内に埋め込むにはng-content
、次のように使用できます。
@Component({
selector: 'outer-CMP',
template: `
<div> </div>
<ng-content></ng-content>
`,
styleUrls: [....]
})
export class OuterInputComponent {
}
その後:
@Component({
selector: 'inner-CMP',
template: `
<div> </div>
`,
styleUrls: [....]
})
export class InnerInputComponent {
}
使用する :
<outer-CMP>
<inner-CMP>
</inner-CMP>
</outer-CMP>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加