首页 > 解决方案 > Angular 与 chrome 不兼容

问题描述

我有一个下拉列表,其中包含两个角度链接。它与 Firefox 一起使用,而不与 chrome 一起使用。角度与铬有任何兼容问题吗?

<div id="SelectField">
   <select class="form-control form-control-lg">
     <option value="" selected disabled>Select to Deploy Product/Products</option>
     <option (click)="Single()">Deploy Single Product</option>
     <option (click)="Multiple()">Deploy Multiple Products</option>
   </select>      
 </div>

它在 firefox 上运行良好,但在 chrome 中,当我们选择一个选项时它不会激活

标签: angular5

解决方案


您可以在选择标签中使用更改事件并将第一个选项的值设置为未定义,其余选项在 [ngValue]="single" 内使用任何字符串值。

这里 single 是分配给该选项的字符串值。您必须使用 if 条件检查更改事件,并根据您可以调用各自方法的值作为值传递。

确保您必须在选择中使用 ngModel 并且 ngValue 将是您选择的选项值


推荐阅读