問題タブ [angularjs-ng-checked]

次のラジオボタンがあります。

私は再確認poll_post.poll_option_idしoption.idましたが、同等です。したがって、ng-checked 内の式は true と評価されます。ただし、ビューでは、オプションはチェックされていません。私は何を間違っていますか？

「n」行のテーブルがあり、各行にはチェックボックスがあります。<div>チェックボックスを選択すると、タグ内にコード化された情報を表示しようとしています。

ただし、チェック ボックスの値が false の場合でも、div 内のデータは引き続き表示されます。div タグで ng-show を使用して、チェックボックスが true か false かを確認しています。

以下は、テーブル列で使用したコードです。

JavaScriptでは、以下のトグル機能があります

特定の項目の選択をインデックスで切り替える

私が間違った方法でやっている場合は、指摘してください。角度のある世界にはかなり慣れていません。

Plnkr: https://plnkr.co/edit/Tt96EE2rruy1HAudRVJR?p=preview

チェックボックスの次のネストされたループがあります。

これは、一部またはすべての子チェックボックスがチェックされているかどうかを検出 ($watch) するコードです。チェックされている場合は、親チェックボックスもチェックされます。

それはうまくいきます。

しかし、親ボックスをチェックしてもチェックされません。

私が達成したいのは、親のチェックボックスをチェックすると、そのすべての子もチェックされ、親のチェックボックスをオフにすると、そのすべての子がオフになることです。

トグル付きのシンプルなフォームを作成しています。トグルを自分のモデルにバインドしたいwelcomeEmail.welcome_email_on. トグルをクリックするとtoggleWelcomeEmail()、コントローラーが呼び出されます。この関数は、新しい状態が true か false かをチェックしてから、何かを行います。たとえば、トグルがオフの場合、ユーザーがそれをクリックするとオンになります。すでにオンになっていて、ユーザーがクリックした場合、toggleWelcomeEmail()関数は確認プロンプトを表示し、ユーザーがプロンプトでアクションを確認するまでトグルをオンのままにする必要があります。

私が抱えている問題は、チェックボックスのデフォルトの動作はng-model、ng-checkedユーザーがチェックボックスをクリックしたときにモデルを更新することです。私がやりたいことは、デフォルトを防ぐことです。チェックボックス/トグルの状態をモデルに反映させたいのですが、クリックしたときにモデルを更新したくありません。代わりに、私は電話することを好みますtoggleWelcomeEmail()。

私の質問は、どうすればこれを達成できますか? ng-checkedと の両方を使用してみましng-modelたが、どちらも同じように動作します。2 つのトグルを作成し、 の状態に基づいてそれらを表示/非表示にすることができることはわかっていますwelcomeEmail.welcome_email_onが、そうすると、素敵なトグル アニメーションが失われてしまいます。$event.stopPropagation()アクションにを付けるという明らかなアプローチも試しましたng-clickが、効果はありませんでした。

問題を示すためにフィドルを作成しました。