javascript - Angular でチェックボックス項目の値を取得する方法

Question

私は3つのチェックボックス項目を持っています

<input type="checkbox" name="my_list" value="val 1">
<input type="checkbox" name="my_list" value="val 2">
<input type="checkbox" name="my_list" value="val 3">

angularでできるようにしたいのは、「val 2」などのボックスをクリックしたときです

my_list.value    // yields 'val 2'
my_list.checked  // yields true or false depending on if it's checked or not

問題はそれです

 my_list.value

true または false を返しますが、これは私が望むものではありません。「値」属性にあるものを返すようにします。

Answer 1

ng-true-value次のように使用できます。

<input type="checkbox" name="my_list" ng-model="my_list" ng-true-value="val 1">
<input type="checkbox" name="my_list" ng-model="my_list" ng-true-value="val 2">
<input type="checkbox" name="my_list" ng-model="my_list" ng-true-value="val 3">    

{{my_list}}何もチェックされていない場合は空になり、最初のチェックボックスがチェックされている場合は「val 1」が表示されます。