javascript - 处理 Angular 5 选项字段中的 bool 过滤器？

Question

HTML

<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>

上面是 html 模板，我想发送如下所示的 json 响应，除非选择特定选项，否则只有该值应该为 true。

JSON

 {
     one    : false,
     two    : false,
     three  : false,
     four   : false
 }

例如 -如果选择 one 则 json 响应应类似于 -

  {
     one    : true,
     two    : false,
     three  : false,
     four   : false
  }  

我如何在 Angular 5 中处理这个问题，有没有内置的函数？或者有更好的方法来添加过滤器吗？

Answer 1

从对象数组中加载您的选项，并在您的select元素上使用双向数据绑定(bind)，即:

let options = [
    {
        value: 'one',
        optionName: 'One'
    },
    {
        value: 'two',
        optionName: 'Two'
    },
    {
        value: 'three',
        optionName: 'Three'
    }
]

let selectedOption = 'two'

<小时/>

<select [(ngModel)]="selectedOption ">
...

然后迭代您的选项来构建响应:

console.log(options.map(x => x.value).map(x => { return {[x]: x === selectedOption ? true : false}}))