在角度2+中使用模态更新选择选项。

时间:2018-12-11 19:25:11

标签: angular angular2-template

如何实现?

使用选择选项打开模态,它会提示您是否要更新值,如果用户从模态中选择保存,则应更新值,否则他选择了取消则不应该更新。

>

例如: 在下面,我用HTML编写了示例代码,如果用户选择2,则现在默认下拉列表中的默认值为1,则应该打开模式,如果用户选择了保存按钮,则默认值为2,否则应为1。

<form>
  <select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  <select>
</form>

1 个答案:

答案 0 :(得分:0)

只需听foo.done foo.monthly foo.pdf foo.pdf foo.txt foo.txt 列表上的change事件:

select

在组件类中做有需要的事情

<form>
  <select (change)="onChange($event.target.value)">
    <option value="null" disabled>Select an Option</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>
</form>

这是您推荐的Working Sample StackBlitz