問題タブ [angularjs-ng-model]
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.
javascript - フィルタリングされた ng-repeat 内のオブジェクトの数
サイトで angularjs を使用していますが、ビューのリストをフィルター処理する検索入力があります。このリストは、検索入力からのフィルターを持つ ng-repeat で表示されます。
検索入力:
そしてここでng-repeat:
ご覧のとおり、ng-repeat のフィルターには、ng-model の searchText 変数を使用するフィルターがあります。ユーザーが検索入力にテキストを入力したときに見つかったオブジェクトの数を知ることができるかどうかを知りたいです (ng-repeat がフィルタリングされて表示されているデバイスの数)。のように: 0 devices were found
, 3 devices were found
...
この検索を構築した方法でこの情報を表示する方法はありますか?
angularjs - チェックボックスのデフォルトを防止しても、ng-model の変更は防止されません
一部のアニメーションが原因で、ユーザーがチェックボックスの状態をすばやく切り替えすぎると、視覚的な不具合が発生します。
これを防ぐために、状態を変更できる頻度を制限したいと考えました。これを行うためのきちんとした方法はディレクティブだと思いました。
ng-click
特定の頻度以上でのトリガーを防止するディレクティブを作成することに成功しましたが、チェックボックスに特定の問題があります。
ディレクティブ コード (coffeescript) は次のとおりです。
そして、私の問題を示すプランカー。
概要
ngModel
指定されたチェックボックスがクリックされると、デフォルトが防止されてチェックボックスがチェックされない場合でも更新されます。どうすればこれを回避できますか?
理想的にはngModelController
、ディレクティブをできるだけ抽象化したいので、と統合する必要はありません。
javascript - ネストされた ng-repeat のラジオ ボタン
私はAngularが初めてで、次のようにng-repeat内にネストされたng-repeatがあるという問題に悩まされていました。
ここで、main.questions は質問の配列です。各質問には、2 番目の ng-repeat ブロックで反復される複数のオプションがあります。ただし、次のようにラジオボタン入力に ng-model を使用しようとすると:
、組み合わせたすべての質問に対して 1 つのオプションしか選択できません (理想的には、質問ごとに 1 つのオプションを選択できる必要があります)。また、ng-model を使用しない場合、質問ごとに 1 つのオプションを選択できますが (そうあるべきです)、選択した入力の値を取得できません。
ここで何が問題になるのか教えてください。私がここでやろうとしていることを達成するためのより良い方法はありますか? 選択した各オプションの値をキャプチャして、JSON オブジェクトに追加する必要があります。
angularjs - ディレクティブコントローラー変数を使用したAngularjsカスタムディレクティブ
他のビューで使用する必要がある配列を含むカスタム ディレクティブを作成しました。たとえば、別のコントローラーでその値を使用する必要があるディレクティブ コンテンツに入力ボックスがあるとします。ng-model を使用しようとしましたが、成功しませんでした。
ここに私のコントローラーがあります:
および HTML ファイル:
および content.html
ここに私のプランカーがあります: http://embed.plnkr.co/rzlUQM6FBI3Sll4F8WaG/preview
ところで、plunker が content.html をロードしない理由がわかりません
更新私は、コントローラーの in ディレクティブを追加し、 in を削除する必要があることを理解しましcontroller: directiveController
たng-controller='directiveController'
content.html
javascript - 私のコントローラーAngular.js 1.3の属性にアクセスできません
シンプルなフォームを作成しています。このフォームは誕生日フィールドを取得します。日付を選択して保持できます。しかし、ページをリロードするとエラーが発生します
私はそれを解決する方法を知っています。user.date_birthday を日付に変換する必要があります。だから私はこれを試しました。
.html
user.date_birthday は定義されていませんが、$scope.user で確認できます。次のステップでこれが必要です
自分の属性が表示されないのはなぜですか? どうすればこれを解決できますか?