как передать хэш в значение флажка ввода в угловых 6

Question

это то, что я пробовал, 'я перебираю массив флажков, каждый из которых выглядит следующим образом: item of items:

 <input type="checkbox" [value]="{'a': item.title, 'b': item.id}" (change)="onCheckChange($event)">

myComponent.ts

onCheckChange($event){
    console.warn($event.target.value);
}

//output on console: "[object Object]" .....as a string

в идеале, я хочу массив значений хеш-функции. Как я могу отправить этот вход?

Answer 1

Вместо привязки свойства вы можете использовать интерполяцию, чтобы получить желаемый результат как

value="'{a: {{item.title}}, b: {{item.id}}'"

Хотя я все еще чувствую, что могут быть более эффективные способы достижения того, что вы пытаетесь

Answer 2

Вы можете получить входные данные в виде JSON.parse ($ event.target.value);в функции on Change, которая даст вам правильный объект, который можно использовать для создания массива хеш-значений.

console.warn (JSON.parse ($ event.target.value);):

Итак, здесь вы получите правильный объект, а не строку.Если значения объектов не выводятся в консоли должным образом, вы можете просто использовать JSON.stringify ($ event.target.value);Чтобы увидеть фактическое значение, отправленное в правильном формате строки, а не как "[объект объекта]"

Answer 3

Разве ты не можешь просто

 <input type="checkbox" (change)="onCheckChange({'a': item.title, 'b': item.id})">