問題タブ [angularjs-ng-checked]

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 投票する
2 に答える
181 参照

html - Angular チェックボックス、ng-model から独立した初期値

このトピックには多くの投稿がありますが、まだ私の要件を満たしているものはありません:(問題は次のとおりです:私はいくつかのデバイスを制御しようとしています。つまり、特定のレジスタでしか読み書きできません。

いわゆるチャネルがあり、1 つは (ハードウェア指定) 読み取り専用で、もう 1 つは書き込み専用です。これは、たとえば、デバイスのオンとオフ、0 と 1 を切り替えるためのものです。

ここで、現在のステータスと、それをオフまたはオンにする相互作用の可能性 (チェックボックスを介して) を表示したいと考えています。通信間隔は数秒ごとであり、コマンドが適切に処理されたかどうかにかかわらず、ユーザーは何らかのフィードバックを得る必要があるため、それを分離しておく必要があります (通信またはコマンドが大幅に遅延したり壊れたりする可能性があるため、デバイスまだ実行されます)。

今:最初は、デバイスがオンになっています->つまり、Reading-Channelが1を送信しており、それを読み取ることができます. ここで、Reading-Channel の値に応じて、Writing チャネルをチェックボックスとして最初にチェックする必要があります。次に、コマンドの後、Reading-Channel の値が変更されます (ただし、一緒にバインドされていない可能性があることに注意してください!)

いくつかの方法で試してみましたが、私の例では次のことがわかります。

これが私の最後の試みでした。値はそこにありますが、彼は :( をチェックしません。

ng-checked と ng-model を分離しておく必要があるといういくつかのスレッドを読みましたが、他に何をすべきかわかりません。デバイス/チャネル構造は、私が使用しなければならないものとかなり似ています。単純化しただけです。

私のHTML:

私のJS:

ライブ バージョンについては、プランカーを参照してください: http://plnkr.co/edit/vFvWjyQN14HKHAHvBKh5?p=preview

事前にどうもありがとうございました!

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

angularjs - 初めて更新しないng-checked

ng-repeat を使用してチェック ボックスを生成しています。その情報がデータに存在するかどうかに応じて、初期状態をチェックまたはチェック解除できます。私の問題は、最初のチェック済み/未チェックのステータスが正しく表示されているにもかかわらず、「事前にチェック済み」のボックスのチェックを外すと、ボックスは物理的にチェックを外しますが、モデルは変更されません。それからもう一度確認すると、モデルは変更されていませんが、正しいです。次に、もう一度チェックを外すと、モデルで正しくクリアされ、それ以降は正しく機能します。私はこの問題に何日も取り組んできましたが、完全に立ち往生しています! 私が愚かなことをしているかどうか、誰かが見ることができますか?私の感じでは、それは初期化の問題ですが、近すぎて今はわかりません。ありがとう!

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

angularjs - ng-repeatのangular js動的チェックボックス

次のようなIDのサービステーブルがあります

API呼び出しを使用してそれらを取得し、Jsonを取得しました。これらのサービスの価格と製品 ID を含む別のテーブルがあるため、製品を追加するときに、サービスとその価格を追加したいと考えています。このために、API 呼び出しを使用して派生物と ID を取得し、それらをテーブルで反復します。同じ反復を使用して、特定のサービスの価格を入力するテキスト ボックスを生成します。これは私が長い間頭を悩ませた後に作ったテーブルです。

シナリオでは、最初はすべてのチェックボックス (サービス テーブル内のサービスの数に応じて) がオフになっており、テキスト ボックスが無効になっています。ユーザーは目的のサービスにチェックを入れることができます。これにより、ユーザーが選択したサービスのリストとそのリストをレコードに保存すると、対応するテキスト ボックスが有効になります。価格は、ServiceID と Price の 2 つの属性を持つ ProductProfile.PriceList になります。

コントローラーで for ループを使用してこれを実行しようとしましたが、失敗しました

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

javascript - 1つだけ選択すると、ng-repeat内のすべてのチェックボックスがチェックされます

次のような rolePermissionList という名前のオブジェクトのリストがあります。

このように、そのリストの値を使用ng-repeat してチェックボックスを繰り返します

ng-modelチェックボックスには名前が付けられておりidsPermission、番号のリストです。これらの番号はオブジェクトの IDS です。

ページをロードすると、チェックされているはずのチェックボックスがチェックされますが、この部分は正常に機能しますが、別のチェックボックスをチェックするとすべてのチェックボックスがチェックされ、チェックボックスのチェックを外すとすべてのチェックボックスがチェックされなくなります。

idsPermissionチェックされているチェックボックスのすべての IDS を取得するために名前が付けられた番号のリストを使用しng-checked="permission.checked"ます。

これは私のコントローラーです

RolService.getListCheckBoxesEditRole(idRole) サービスは、この JSON を返します[{"id":1,"name":"createUser","type":"user","marked":1},{"id":2,"name":"deleteUser","type":"user","marked":1},{"id":3,"name":"editRole","type":"role","marked":0}]

そして、コントローラーで私がしていることは、そのリストを繰り返し処理し、マークされたフィールドが私がこれを行っているかどうかを確認することです1。見る1d[permission ].checked = true;ng-checked="permission.checked"

私はこれをやってみまし ng-checked="idsPermission[permission.checked]"たが、これを行うと、上に貼り付けたJSONにある値はmarked=1、ページをロードしたときにチェックされていないように見えますが、このように配置すると、本来のようにng-checked="permission.checked"マークされて表示されますが、チェックボックス すべてのチェックボックスが選択されます。

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

angularjs - Angular チェックボックスがページ ナビゲーション間で状態を保存しない

ng-repeat を使用して MySQL からのレコードを表示する Angular Table を使用しています。最後の列はチェックボックス列です。問題は、ページ間の移動 (ページネーション) で、チェックボックスがロードされた状態が持続することです。ページ間で状態を維持するにはどうすればよいですか (アイテムをチェック/チェック解除した場合)?

コントローラーで:

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

javascript - AngularJS - すべてを選択してチェックした後、ng-clickでチェックボックスをチェックしましたが、すべてをクリアしてもすべてがクリアされません

AngularJS - すべてを選択してチェックした後、ng-click でチェックボックスをチェックすると、すべてチェックされますが、すべてをクリアしてもすべてがクリアされません。

オブジェクトのリストと Json 配列があります。チェックボックスをng-repeatで宣言しましたが、1つ以上のチェックボックスをチェックすると、チェックボックスが1つずつ選択され、その後、すべてを選択する部分を選択すると、すべてのチェックボックスをチェックし、すべてのチェックボックスを選択して、すべてを選択しますまた。しかし、すべての選択を解除したい後、配列にはオブジェクトがありません。しかし、チェックボックスの視覚化がまだチェックされているのはなぜですか? 誰でもこれについて私を助けることができますか?

これがチェックボックスに関する私のコーディングの一部です

0 投票する
4 に答える
88 参照

angularjs - チェックボックスに値が自動的に割り当てられない

リクエストでチェックボックスが選択されている場合、無効なアカウントを表示するには、activationstatus を false として送信する必要があり、チェックを外した場合は、値を true として渡す必要があります。$scope.checkedStatus = true を初期化した後、私のチェックボックスは同じ値を渡しているだけです。値は false として渡されません。

HTML :

JS:

自動的にチェックボックスが値を変更していません。