問題タブ [angularjs-ng-change]

このページでパス変数を取得して、ユーザーが入力したときにスペースと句読点を変更しようとしています。対応するコードは次のとおりです。

ただし、何かを入力しても何も起こりません。script.js ファイルは次のとおりです。

私は自分のjavaScriptを正しく取得したと確信していますが、なぜ私のアプリが機能しないのか正確にはわかりません.デバッグを試みました.問題はng-change、スペース以外の文字が置かれたときの変更のみを考慮しているようですin では、スペースが挿入されるたびに無視されます。

API にデータを PUT する編集フォーム (user.html) に取り組んでいますが、フォーム内のすべてのデータを PUT することは避けたいと思います。変更された項目だけを PUT したいと思います。

フォームで作業するときにダーティとプリスティンの使用を見てきましたが、これはフォームの変更に適用されます。ng-change の使用も見ましたが、1 つの要素の変更に対してアクションをトリガーしたくありません。変更された要素を PUT に含める必要があることを示すだけです。

変更された入力フィールドのみを示す方法を見つけた人はいますか?

チェックボックスがfalseの場合、ng-requiredディレクティブを使用してテキスト入力の検証を強制するフォームがあります。チェックボックスが true の場合、フィールドは非表示になり、ng-required は false に設定されます。

問題は、入力で指定された検証用の正規表現と、ng-pattern angular ディレクティブを利用していることです。私が直面している問題は、ユーザーが無効な電話番号を入力し、ボックスをチェックしてその入力を無効にした場合 (したがって、それ以上の検証は必要ありません)、フォームは ng-pattern に基づいて無効であるため、送信を許可しないことです。

ng-change 関数を追加して入力モデルを null に設定することでこの問題を解決しようとしましたが、ng-pattern とそのため、チェックボックスの初期設定で false に設定されたままフィールドが無効に設定されています。ただし、ボックスのチェックを外して、すべてを最初のフォームの読み込みに戻してから、もう一度チェックボックスをオンにすると、フォームは有効になり、送信できます。何が欠けているのかわかりません。これまでの ng-change コードは次のとおりです。

次のplnkrをご覧ください: http://plnkr.co/edit/KZwIBX?p=preview

最初の標準選択は期待どおりに機能します(少なくとも私が期待/予測した限り)。これは、モデルが更新された後に ng-change が呼び出されることを意味します。しかし、isolate スコープを持つディレクティブを作成すると、モデルが更新される前に ng-change が呼び出されたように見えます。明らかに私が誤解していることがあります。

ng-change 後に更新された AngularJS スコープと非常によく似た状況