問題タブ [angular2-ngcontent]
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 - 条件付きでラップする方法複数回？
いくつかのテキストといくつかのパラメーターを渡すことができるラッパーコンポーネントを作成しようとしました。これにより、これらのパラメーターに基づいて、ブートストラップを使用してテキストがフォーマットされます。
私はこれを試しました：
header-line.component.ts
ヘッダー行.component.html
header-wrapper.component.ts
header-wrapper.component.html
使用目的
使用法は、次のようなものになります。
期待される出力
次に、出力が次のようなものを作成することを期待していました。
実効出力
ただし、私が得るものは次のとおりです。
問題分析
私の問題の原因が header-wrapper.component.ts での繰り返しの使用であることを知るのに少し時間がかかりました。これは明らかに静的であり、動的に使用できないためです。
次の 2 つのリンクは、私の期待が裏切られた理由を説明しています。
https://github.com/angular/angular/issues/9173
https://github.com/angular/angular/issues/8563
解決策を見つける
Stackoverflow の次のリンクは、2 つのケースのみをサポートする必要がある場合にこれを行う方法を示しています。
ng-content を条件付きで div でラップする方法
そのアプローチを使用して、次のことを管理しました。
更新: header-wrapper.component.html
これにより、目的の出力が生成されます。
私の質問
これは本当にこれを行う唯一の方法ですか？または、私が見逃している簡単な方法はありますか?
angular - さまざまなオブジェクトに対して ngFor 内で ngContent を使用する
コンポーネントがあります：
コンポーネントを使用する場合、div のテンプレートをコンポーネントに渡して、さまざまなオブジェクト タイプで使用できるようにします。
これは可能ですか？
ありがとう
angular - Angular を使用して ngStyle でデータをバインドする方法
Angular 8 を使用してデータをバインドしようとしていますが、惨めに失敗しています。私が試した方法の1つは次のとおりです。
そして出力：
出力を次のようにしたい：
参考までに{{result.percentage}}、出力を与えます24。
_ngcontent-kyh-c1=""Angular 8 によって生成されたものは無視してください。