問題タブ [two-way-binding]

次のように HTML に入力しました。

マップ オブジェクトを含むサーバー DTO から取得します。DTO には名前データがあり、マップ名はtranslationsです。

問題は、初めて正しく入力するように設定された値です。ただし、ボタンをクリックすると、入力の値がサーバーに送信され、入力がリセットされます。入力ボックスにとどまる値が必要です。このバインディングは機能するはずだと思います。しかし、そうではありません。

どうすればこの問題を修正できるか教えてください。

Angular と Angular-CLI を学ぼうとしています。そこで、Angular-CLI を使用してプロジェクトを作成しました。最初から問題なく動作しているように見えます。テストのために、 app.component.html ファイルを次のように変更しました。

それに応じて私の app.component.ts ：

エラーが発生します：

キャッチされないエラー: テンプレート解析エラー: 「入力」の既知のプロパティではないため、「ngModel」にバインドできません。

この時点で、何らかの理由でページに何も表示されません。app.component.html を次のように変更しようとしました。

ページが正しく表示されるようになりました。入力ボックスは表示されますが、入力すると双方向バインディングが表示されず、<p>要素に出力が表示されません。

なぜそれが起こっているのですか、どうすれば修正できますか?

1 つの関数で 2 つの異なる入力に対して双方向バインディングを作成できますか?

バインドするには:

に：<p>Blog title:{this.state.title}</p> <p>Blog content:{this.state.content}</p>

2 つの非常によく似た関数が必要です。

コードを保存し、1 つの関数のみを使用して「タイトル」と「コンテンツ」を同時にバインドする方法はありますか?