問題タブ [angular-elements]

angular-elements を使用してプロジェクトを構築し、コンポーネントを別のアプリケーションに正常に埋め込むことができました。私が今やりたいことは、それが含まれているアプリケーションから元のコンポーネントをデバッグできるようにすることです.

コンポーネントのすべてのロジックは 1 つのファイルに含まれています。これは、ビルド中に Angular によって作成された 4 つのファイル ( runtime.js、polyfills.js、scripts.js、main.js) を連結したものです。

これらの 4 つのファイルのjs.mapファイルもビルド中に作成され、元のmain.tsファイルにブレークポイントを正常に配置してヒットできます (要素の出力ファイルを含むディレクトリに jsmaps を含めた後)。ただし、それを使用しているアプリケーションから実際のcomponent.tsファイルをデバッグする方法を見つけることができませんでした。そのコンポーネントのjs.mapもバンドルに含まれており、Chrome DevTools を介して component.ts ファイルを表示できますが、ブレークポイントを配置すると、ヒットすることはありません。

app.module.ts

main.ts

私の理解では、ビルド中に component.ts ファイルのロジックが main.js ファイルに含まれていますが、2 つの間の接続を説明するマップが作成されていないようです。

参考までに、私が読んだ/見たものを以下に示します。
Build Custom Elements / Web Components with Angular 6
Angular Elements – Angular 6 を使用した Web コンポーネントの実践的な紹介

私は角度要素を構築し、それにいくつかの入力パラメータを渡しています。いくつかの文字列入力パラメーターを問題なく渡すことができます (ikrId と環境は完全に機能します) が、角度要素を介してブール値を showTitle 入力プロパティに渡すのに苦労しています(showTitle プロパティを親の角度コンポーネントからコンポーネントに渡すとうまくいきます)。

コンポーネントのスニペットは次のとおりです。

プレーンな古い htmlで使用する方法は次のとおりです。

しかし、ショーのタイトルが私のコンポーネントに渡されていません。それは常に真実です。

ここで何が欠けていますか？

ありがとう！