問題タブ [angularjs-ng-model]

私はAngular.jsの使用を学び始めたばかりですが、これを理解できませんでした:

value ="song.title"選択した項目が配列の項目と一致する配列の項目を表示したいsong.title。

これは私のコードです

ここで、選択した曲の配列をさらに表示したいと思います:

counterリセット機能を備えたカスタム入力ディレクティブを実装しました。ディレクティブにはrequire: "ngModel".

でディレクティブの元の状態をリセットしngModelてい$setPristine()ます。とは異なり$setDirty()、親フォーム$setPristine()の状態には触れません。$pristine

Q:$pristine親フォームの状態をリセットできるように、このディレクティブがもはや「ダーティ」ではないことを親フォームに「通知」するにはどうすればよいですか?

form.$setPristine()私のディレクティブが知らない（そしてすべきではない）フォームに他の「汚い」コントロールがあるかもしれないので、呼び出すだけでは十分ではないことに注意してください。

これはディレクティブのリンク機能です:

そして、これがどのように使用されるかです：

プランカー

ディレクティブの ng-model を介してコントローラー スコープから値を渡す独自のモデルを持つテキスト入力を含む AngularJS ディレクティブがあります。

このペン (および以下のコード) をチェックしてください: http://codepen.io/ericwshea/pen/KwXRyr

問題は、そのモデルがたまたま null または未定義の値になる場合があることです。その場合、テキスト入力の ngModelController を使用して、テキスト入力の null 値の表示を「NULL」のようにフォーマットします。

値がフォーマッタで一致する任意の文字列である場合は機能しますが、値が null の場合は機能しません (未定義の同じ結果でもテストしました)。

これに関する洞察/回避策、またはこれは単なる $formatters の欠点ですか?

HTML:

ジャバスクリプト:

入力ボックスの動的セットを持つフォームを作成しようとしています。私は ng-models を配列アイテムで動作させようとしていますが、明らかに何か間違っています。

私の問題は、テンプレートのスコープ配列 lineItems にインデックスを付けているようです。

これが私のjsfiddleです： http://jsfiddle.net/dk253/9ykuuobq/

これが私のコードです：

ご協力いただきありがとうございます！

モデルが異なる2つのテキストボックスを持つ単純なAngularアプリがあります

ここで、最初の電子メールに何かが入力された場合、2 番目の電子メールに入力されるようにしたいのですが、2 番目の電子メールが手動で編集された場合、このバインディングは停止する必要があります。つまり、最初の電子メールをさらに変更しても、2 番目の電子メールには影響しません。

私のコード:

これは、私が達成しようとしていることのjsfiddleの例です。

ビューが (333) 555-1212 として表示される米国の電話番号入力を作成しようとしていますが、モデルは整数 3335551212 にバインドされます。

私の意図は、カスタムバリデーターを追加するNgModelControllerことrequire: ng-modelです。分離スコープと を使用しない簡単なソリューションがありますがNgModelController、両方が必要です。

コンソールにすぐにエラーが表示されます: Error: Multiple directives [ngModel, ngModel] asking for 'ngModel' controller on: <input ng-model="user.mobile numeric" name="telephone" type="tel">-- I was using a isolate scope here...

ユーザーフォームの作成に使用しようとしてng-repeatいますが、少し苦労しています。signupForm.modelBindings入力を配列内の名前でスコープにバインドすると、名前がinput値として設定されますが、明らかにそれは私が望んでいるものではありません。入力を空のままにして、入力をスコープにバインドするにはどうすればよいですか?

PS：私はこれを非常に面倒な方法でやろうとしているように感じます.値を含む多くの配列を作成することなく、私が望むものを達成するためのさらに良い方法はありますか?

編集:より良い解決策を見つけましたが、入力が空でないという問題がまだあります。更新されたコードを見てください。

フォームの情報:

スコープを空の文字列に設定してクリアしようとしましたが、うまくいきませんでした:

ng-model が html 値をアプリケーション データにバインドすることを学びました。ただし、以下の例では、アプリケーション データが事前定義されている場合、データを html に出力します。どのように/なぜこれが起こっているのですか? 例: http://www.w3schools.com/angular/tryit.asp?filename=try_ng_directives