問題タブ [ngmodel]

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.

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

angular - モデルではなくビューでフォーマットを維持する方法は? (角度 5)

[(ngModel)] ディレクティブをサポートするカスタム コンポーネントを作成していますが、問題なく動作します。問題は、ビューに通貨形式を保持し、モデルに「通常の」数値を保持したいということです.これは、Angular 5 の双方向データバインディングで可能ですか?

コードは次のとおりです: https://stackblitz.com/edit/angular-c1qxh4

いくつかのことに気付くでしょう:

  • ロードすると、すべてが正常に見えますが、ビューのみがフォーマットされています
  • さらに2つのゼロを追加すると、フォーマットはモデルにも適用されます(これは避けたいことです)
  • モデルのフォーマットが間違っています (コンマが正しく配置されていませんが、これは重要ではありません。とにかくフォーマットは必要ありません)

それでは、私の質問は、私がやりたいことをすることは可能ですか? もしそうなら、私は何を間違っていますか?

編集:明確にするために、2つの分離されたコンポーネント(入力とラベル、または入力とその上にある非表示の入力など(すでに試しました))でこれを実行したくありません。単一の入力でこれを行う方法。

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

angular - Angular Two-Way-Databind - 値の変更

入力のあるフォームが1つあります。

私の component.ts には、これらの行があります。

コンストラクターについて

ngOnInit

ps: Contrato はモデルです。このような

私の入力が OnInit に渡された値を変更しないのはなぜですか?