問題タブ [angular-material-7]

プロジェクトに Angular Material Datatable のセットアップがあります。私のプロジェクトでは、いくつかのテーブルを使用してさまざまなデータソース (クライアント、プロバイダー、研修生、企業) を表示するため、コンポーネントで 1 つのデータテーブルを使用し、データ、列などを特定のサービスから動的に渡すことが目的です。

私のコラムはそうです

したがって、この 1 つのブロックで完全なテーブル コンテンツが動的に構築されます。最後にオプションの列があることに気づきました。このフィールドはデータソースには存在しません。ボタン グループに対応するためのもので、それぞれの行の削除や編集などの機能を提供できます。

'mat-cell' 要素には既に *matCellDef 属性が設定されているため、構造ディレクティブを使用できません。そこで、補間ブレース内に単純な三項式を記述して、列に「オプション」列ヘッダーがあるかどうかを確認し、ボタンのデータを切り替えることができると考えました。

しかし、ボタンを書き込むためにテンプレートリテラルを開いた直後に、私のIDEは「閉じられていない文字列リテラル」について不平を言い、画面にレンダリングすると、エラーは発生しませんが、テーブルがかなり混乱します

それでも、三項から HTML 要素を返さない場合、エラーは発生せず、テーブルは期待どおりに動作します

また、html をテンプレートに返す関数を 3 項式から呼び出してみましたが、エスケープされます。

三項条件を通過する行にボタンをレンダリングする方法について誰かアドバイスできますか?

ティア

mat-list-option 要素内の mat-selection-list に二次アクション (mat-icon-button) を追加するにはどうすればよいですか。

現在、すべての項目が mat-list-text div 内に追加されています。

例 ( https://stackblitz.com/edit/angular-dwac7y ):

私はAngular Material 7.1.1でAngular 6を使用しています。そして、オートコンプリートでチップを使用しようとしています。しかし、問題は、オプションの 1 つを選択すると、オートコンプリートですべてのチップに適用されることです。

特定の入力フィールドにのみ適用するにはどうすればよいですか?