問題タブ [ng-template]

ui.bootstrap.modal を使用して次のことを試しました)。これが、bootstrap.modal に使用しているコードです: HTML ファイル内:

私のcontroller.jsで：

問題は、テーブルを含むウィンドウをポップアップしようとすると、データが正しい位置に表示されますが、テーブルの UI がないことです。すべてがプレーンテキストのように見えます。type="text/ng-template" と関係があると思います。しかし、私はそれを回避する方法を理解できませんでした。この問題を解決するにはどうすればよいですか?

以下のコンテンツを HTML で動的に追加したい。

これには以下のアプローチを使用しています。

app.component.ts ファイル内:

`;

および app.component.html で

ただし、このアプローチは DOM で h1 タグのみをレンダリングします (ng-template なし)。

#else ブロック、*ngIf も機能するように、ng-template を動的に追加するのを手伝ってください。

ng-template には、スコープ内で表示またはアクティブになっているときにイベントがありますか ?または、コンテナーから呼び出すような方法でメソッドを実行することは可能ですか?

（または）

次のコードは、ネストされた ng-this および ng-that タグの点ですでに少し残虐行為ですが、ngIf の ngSwitch をスキップしてコンテキストを else に渡す方法があれば、非常にきれいになります。のような枝

、 *ngTemplateOutlet で示されているように、テンプレートでも呼び出されます。それを行う方法を探してデューデリジェンスを行ったことを願っていますが、これまでのところ、(別の!) ネストされた *ngTemplateOutlet を使用する以外に選択肢はありませんでした。マークアップは、必要なものだけに少しトリミングされています。

ng-template はテンプレートの別の場所で再利用されるため、ngSwitch の近く (基本的に *ngFor 内) に配置することはできません。ngSwitch 全体を *ngIf に置き換えようとしましたが、prop テンプレートは [property] が定義されていないと不平を言いました。提案？何か不足していますか？