MyComponentの：コードでコンポーネントに子ノードがあるかどうかを確認する方法<template></template>？例えば
<div [my-component]="'text'"></div>
Iは、ノード自身（<div>）であるthis.viewContainerRefを有します。
しかし、ユーザーはmyComponentにそのテンプレートを追加することもできますので、彼はこれを行います。
<div [my-component]="'text'">
<template>
...
</template>
</div>
私の質問は、そのinnerHTMLのを読んで/ <template>ノードと使用がある場合は、コードで私がチェックすることができる方法です？
テンプレートが定義されているときとhtmlだけのときに、レンダリング後にContentChild（TemplateRef）を使用できます。ここに例があります。これはAngular 2です。Angular 4 '* ngIf; else Block'を使用できます。
@Component({
selector: '[my-component]',
template: `
my-component with input {{v}}
<ng-container *ngIf="tpl">
Template block:
<ng-container [ngTemplateOutlet]="tpl"></ng-container>
</ng-container>
<ng-container *ngIf="!tpl">
No Template block: <ng-content></ng-content>
</ng-container>
`
})
export class MyComponent {
@Input('my-component') v : string;
@ContentChild(TemplateRef) public tpl: TemplateRef;
}
@Component({
selector: 'my-app',
template: `
<div>
<div [my-component]="'text'">
<template><pre>hi there</pre></template>
</div>
<hr>
<div [my-component]="'text1'">
aaa
</div>
</div>
`,
})
export class App {
constructor() {
}
}
は、このコンポーネントを使用するユーザーの観点から、理解して使いやすく、使いやすいものです。ありがとうございました！ – AngularOne
角度4を使用していますか？ –
は角2ですが、すぐに更新されるかもしれません。 – AngularOne
角2では、DOM内に「」要素はありません。 Angular 4では ''は ''に名前変更され、DOMに追加される ''が解放されます。 ''を使うと、非推奨の警告が出るので、Angular4についてはわかりません。 ''がAngular5でのみ解放されているのか、それとも既に自分が試していないのか分かりません。要素が実際に存在するかどうかを確認してください。 –