問題タブ [ng-content]

質問する

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.

69 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
133 参照

angular - htmlが子コンポーネントにある場合、ng-contentセレクターが読み取られない

次のコンポーネントがあるとします (「MyModalComponent」と呼びましょう)。

MyModalComponent

このように使用すると、完全に機能します。

  • タイトルは<div class="my-modal-header">div内でレンダリングされます
  • 残りのコンテンツは<div class="my-modal-body">div に入ります

ただし、html を別のコンポーネントにラップすると、セレクター プロジェクションが機能しなくなります。

MyModalContentComponent

これで、すべての html コードが MyModalComponent の「フォールバック」<ng-content></ng-content>スロット (つまり、<div class="my-modal-body">div 内) にレンダリングされます。
この場合、セレクターはもう機能していないようです。

これは「設計による」ものですか、それとも、HTML マークアップを MyModalComponent に直接配置した場合と同じように動作し続けることを確認するにはどうすればよいですか?

0 投票する
1 に答える
337 参照

javascript - Angular、コンポーネントからの入力をヘッダーに挿入する

Pages私は個人的に、他のコンポーネントとは異なるコンポーネントを に注入したいと考えてPages/Componentsいheaderます。たとえば、Input検索フィールドを my からcontent-componentコンポーネントheaderに挿入したいとします。で試しましたが、これは myで my をng-Content複製するだけです。問題は、私が個々にではなく、私の中にあることです。headerHTMLheaderComponentapp.component

私のヘッダーコンポーネント:

入力フィールドを挿入したいのコンポーネント:

App-Component.html:

各コンポーネントから個別に異なるタグをheader(機能を使用して) 挿入するにはどうすればよいですか?


12345678910