タイトルはかなりわかりやすいので、app.component.htmlファイルにinput要素を入れています。これはコードです： <input type="text" name="titleInput" id="titleInput" [(ngModel)]="titleInput"> 次に、別のコンポーネントでh1要素を作成しようとしましたが、入力フィールドに入力されたもの。うまくいきませんでした。 app.componentのh1要素を作成しました。正常に動作します。私は多くを検索しましたが、何も見つかりませんでした。手伝って頂けますか？ngModelは2つの異なるコンポーネントで動作していませんか？
のように、inputによって操作されるモデルtitleInputを使用して、あなたの場合、ヘッダータグにヘッダータグを表示することができます。
例えば：
<div>
<h1>{{titleInput}}</h1>
<input type="text" name="titleInput" id="titleInput" [(ngModel)]="titleInput"/>
</div>
あなたはhere作業それを見ることができます。
この例では、私はそれが動作することがわかりますが、それは同じコンポーネントで動作します。そして私は文字列補間を使用しようとしていますが、h1要素は別のコンポーネントにあり、それではありません。 – Raptrozz
2つの方法があります。
@Inputとの子供の親の関係でそれを行います。 https://angular.io/guide/component-interaction（他の記事を参照）
または、最初のコンポーネントでLocalStorage.setItem('titleInput', titleInput);を使用してください。
そして、あなたの「その他」の成分、第2 LocalStorage.getItem('titleInput');とLocalStorage.removeItem('titleInput');
他のコンポーネントのtsファイルに "@Input（）titleInput"と入力してください。 – Raptrozz
に、あなたが遅延ロードを使用していますか？ – brijmcq
は、そのコンポーネントに親子関係がありますか？ – Rahul