angular5 - 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 中,当我们选择一个选项时它不会激活
解决方案
您可以在选择标签中使用更改事件并将第一个选项的值设置为未定义,其余选项在 [ngValue]="single" 内使用任何字符串值。
这里 single 是分配给该选项的字符串值。您必须使用 if 条件检查更改事件,并根据您可以调用各自方法的值作为值传递。
确保您必须在选择中使用 ngModel 并且 ngValue 将是您选择的选项值
推荐阅读
- php - Flatsome 主题 woocomerce 迷你购物车,带有数量而不是购物车中的物品
- .htaccess - .htaccess 中的条件修改
- assembly - 程序集 8086 键盘移位标志始终返回 0
- xamarin - 需要在更新发生时告诉用户
- php - 致命错误最长时间执行,在 API 请求中,我 php
- javascript - Nightwatch:检索新会话时发生错误
- python-3.x - Pytest 使用夹具比较几个类实例
- python - Pip 没有安装任何东西
- python - SQLAlchemy foreign_keys 关系错误
- javascript - Jquery更新所选div上的文本