問題タブ [angularjs-ng-change]

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 に答える
41 参照

angularjs - 関数に渡されたモデルの名前を取得する方法は?

HTMLの入力テストにng-modelを設定しました

関数 updateValue(val) で、次のように書きました

出力: 「s」と入力すると、「op is s」という警告メッセージが表示されます

私が必要としているのは、アラートに出力されるモデルの名前を取得する必要があることです (つまり、「op is nnvalue.temp」 )

誰でもこれを行う方法を教えてもらえますか

ありがとう

0 投票する
3 に答える
695 参照

angularjs - AngularJs 選択したオプションの値を取得する

ng-change "ReadData" テンプレートで選択したオプションの値を取得するにはどうすればよいですか? タイトル、ID、本文の配列です

0 投票する
0 に答える
198 参照

angularjs - AngularJS ng-change が応答しない

サーバーにファイルをアップロードしたいのですが、トリガーを画像にしたいです。基本機能をテストするために例を作成しましたが、期待どおりに応答しません。ウィンドウは適切に起動しますが、最終的にはファイルが選択された後に関数でコードを起動したいので、コントローラーで関数を ng-change から起動できません。

ロジックに問題はありませんが、アラートは表示されません。完全なコードについては、フィドルを参照してください。

0 投票する
2 に答える
680 参照

html - Angular.js:チェックボックスはユーザーによってチェックされていませんが、ng-changeが必要です

実際のチェックボックスを非表示にし、実際のチェックボックスではなく拡張コンポーネントを表示するカスタム jquery-plugin があります。

このコードの

プラグインはこのコードを生成します (チェックボックスの上に div を追加します)

大きな四角は偽物 (ユーザーに表示される) で、小さな四角は本物です。実際のチェックボックスはユーザーには表示されません。

ここに画像の説明を入力

問題は次のとおりです。実際のものをクリックすると ng-change が機能しますが、偽物をクリックすると、実際のものもチェックされますが、偽の ng-change は機能しません。

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

javascript - Angularはプログラムで属性なしでngChangeを追加します

HTMLを変更せずに(つまり、ng-changeプロパティなしで)ディレクティブでng-change属性をシミュレートしようとしています。

ディレクティブのAngularソースコードを見るとngChange、私のディレクティブは機能し、次のようになります:(基本的に、このディレクティブでは、フィールドが必要blur()select場合model change)

で適用します:

しかし、それは正しい解決策ですか? これを行う別の方法はありませんか?scope.change() はどうですか?

ありがとう

0 投票する
3 に答える
24997 参照

javascript - ng-change、AngularJS を使用した日付入力の検証

ページでAngularJS とAngularJS ブートストラップを使用しています。次のような日付ピッカー ディレクティブがあります。

日付入力を検証するために、私のコントローラーには次の関数があります。

挿入された日付が有効かどうかを確認するためにすべてが正常に機能しますが、問題は、日付入力が空白のままになっている (または有効な状態から空白に変更されている) 場合、それも受け入れられるようにしたいのですが、空の入力と無効な日付の両方があるためです。ケース間で宣言する方法がundefinedわかりません。

また、次のように入力テキストを直接読み取ることも考えました。

しかし、値が変更されると ng-change が発生し、今は役に立たない以前の値が残っています...

あなたの時間と応答に感謝します。

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

javascript - Angularjs:ngChangeを使用するときにリスト内のアイテムを取得するにはどうすればよいですか?

この小さな例で変更されたばかりのアイテムを取得しようとしていますが、使用すべきコンテキストはありますか? $this を参照するだけの簡単なことだと思っていましたが、うまくいかないようです。

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

angularjs - angular.js がバインディングの末尾の空白を受け入れるように強制するにはどうすればよいですか?

入力をページの他の部分にバインドし、ユーザーが入力したすべての空白を、たとえばアスタリスクなどの他の文字に置き換えたいと考えています。

私の(簡略化された)HTMLコードは次のようになります。

関連するコントローラーも非常に単純です。

結果は期待どおりではありません。テキストボックスに入る'Hello 'と、結果の出力は"Hello"末尾の空白が削除されたものになります。入力の末尾にある複数の空白についても同じことが言えます。

のように空白以外の文字を入力に追加する'Hello W'と、空白は適切に置き換えられて表示されます: "Hello*World".

だからここに私の質問があります:ユーザーが入力したすべての空白を保持するテキストボックスの値にバインドするにはどうすればよいですか?

この問題を示すJSFiddleを作成しました。

0 投票する
3 に答える
2847 参照

angularjs - angular jsを使用してcontenteditable divの変更イベントを呼び出すと、カーソル(キャレット)が先頭に移動します

変更イベントが発生したときに、カーソルが最後のタイプの位置に設定されるのではなく、先頭に移動します。angular jsを使用してコンテンツ編集可能なdivを使用しています。

プランカー

http://plnkr.co/edit/FFaWNZmgk00Etubtjgg8?p=preview

カーソル位置が先頭に移動するのはなぜですか?

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

javascript - 親divの子チェックボックスをng-click

親divのクリックをAngularJSの子チェックボックスに伝播するにはどうすればよいですか? チェックボックスにはhidden属性があるため、親 div をクリック可能なエンティティにする必要があります。

HTML:

JS:

Plnkr:こちら

ng-change で click function() も試しましたが、まだ機能しません。