問題タブ [ng-container]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - ループ内でコンポーネントを動的にロードする方法は?
ionic 5 プロジェクト用の一種のページ ビルダーを作成したいと考えています。アイデアは、私のページ テンプレートの配列をループすることです。そのループでは、さまざまな種類の子コンポーネント (WordPress の投稿フォーマットなど) をロードできる必要があります。さまざまな種類のテンプレートを使用できます (例: イオン ボタン、イオン カード、イオン アイテム)。これらのコンポーネントごとに、個別のコンポーネントを作成しました。サーバーからデータの配列を取得します。その配列の各項目には、作成したコンポーネント テンプレートを参照する必要があるテンプレート変数があります ( formlyがフォームで行うように)。これの利点は、サーバーがコンポーネントの順序を決定できることです。
私は ng-container と ng-template を組み合わせようとしましたが、これが方法であるかどうかはわかりませんし、ページタイプスクリプトでそれを実装する方法もわかりません. そのループでテンプレートにデータを渡す方法について読みますTemplateRef, ViewChild, ContentChild
が、どちらをどのように使用するかはわかりません。
データサンプル
ページ テンプレート
ボタン テンプレート
ボタンタイプスクリプト
ページ モジュール
機能するが、正しい方法を感じないのは次のとおりです。
angular - ng-container を使用している場合は、mat-tab にヒントを追加します
ng-container を使用している場合、mat-tab にツールチップを追加する際に問題が発生します。
私はMatt-tab label にツールチップを添付してみました。機能していません。違いは、ここでは を使用することng-container
です。