如何在Angular 2中获得选择值？

Question

我想将选定选项中的值传递给函数。提前谢谢！

<select>
    <option value="all" selected></option>
    <option value="pending">Pending</option>
    <option value="accepted">Accepted</option>
    <option value="inprogress">In progress</option>
    <option value="completed">Completed</option>
</select>

Answer 1

在角度中，我们可以诉诸$('#form-enroll').validate({ ... errorPlacement: function(error, element) { $(element).parents('.form-group').append(error) }, }) 来迭代选项。所以创建一个包含所有选项的数组 首先从component.ts方面开始

*ngFor

然后，我们可以在检测到更改时调用函数并定义行为。

  itemState = [
    'all',
    'pending',
    'accepted',
    'inprogress',
    'completed'
  ];

然后返回component.html

• 我们可以在 onChange(value: any){ console.log(value); } 事件上调用函数，并将其提供给事件目标属性，以便我们可以获取调用此函数的元素的值。

• 我们还使用* ngFor 指令来遍历itemState的所有选项，并将其分配给实例change

• 我们使用双花括号state

插入选项值

{{ }}