2017-11-28 5 views
0

次のChromeの開発ツールのDOMのスクリーンショットでは、次のラベルのラジオ入力があります。前の兄弟入力が:checkedの場合にのみ、CSSスタイルがラベルに適用されます。Angular設定は、DOMの "checked"プロパティは開発ツールから見えませんか?

ラジオボタン入力の値が角度[(ngModel)]性質によって決定されます。ここでは、モデルプロパティがこの入力のvalueプロパティと一致していることがわかります。そのため、それはcheckedと判断されます。そうでなければ、そのプロパティがDOMに存在しないように見えます。

はどのようにそれを決定するCSSは、明示的なcheckedプロパティずにここで適用されなければならないのですか? devのツールに何か反映されていないのですか?

Browser tool screenshot of markup/styles on Input/Label element

+1

これは角度とは関係ありません。 ''プロパティは、HTMLに明示的に記述されている場合(その要素のデフォルト属性として)、Dev ToolsのDOMにのみ表示されます。入力を切り替えると表示されません。 –

+0

@JonUleisありがとうございます。私は、値とモデルが一致し、 'checked'が目に見えないように設定されていない場合に問題を抱えているので、別の質問をして、私が推測するようにデバッグする必要があるかもしれません。 – MattTreichelYeah

答えて

1

角度は、ほとんどの場合、異なるものを使用しています。チェックされた入力はクラスng-not-emptyを取得し、チェックされていない場合はng-emtpyクラスになります。

明示的にHTMLに設定された場合は、checkedプロパティにのみ表示されます。しかし、CSSはまだ動作します。

+0

Hmm。この場合、 'ng-empty'は表示されません。モデルマッチング値によって決定されると仮定します。しかし、私はあなたが明示的に見えていないことをチェックすることを意味するものを見ます。モデルと値は一致していますが、チェックが設定されていない場合、どのようにデバッグしますか? – MattTreichelYeah

+0

モデルマッチングに関連するアンソースの質問をしてみてください。私は正直に偉大な角度の専門家ではない:) – Brainfeeder

+0

ええ、私はそれを行うだろうと思う、私は簡単な問題でこれを無駄にしました。 – MattTreichelYeah

関連する問題