【问题标题】:ng-model is not working for multiselect dropdown in angular Js after chrome update to version 95.0chrome 更新到 95.0 版后,ng-model 不适用于 Angular Js 中的多选下拉菜单
【发布时间】:2021-11-11 00:00:09
【问题描述】:

我使用下面的代码行进行多选。我正在尝试对一个实体进行多选,但是一旦将范围传递给下一个实体,我在第一个实体中选择的元素就会被取消选择-

enter image description here

这在以前版本的 chrome 上运行良好,但在 95.0 中却不行

【问题讨论】:

    标签: angularjs google-chrome angularjs-directive google-chrome-devtools


    【解决方案1】:

    这很糟糕,因为您将 ng-model 设置为 ng-options 正在使用的相同属性。因此,当您选择某些内容时,abcDTO.SelectionTypes 会重置为您选择的任何内容。 ng-optionsng-model 永远不应设置为相同的属性。与 Chrome 版本无关。

    一旦您将ng-model 更改为其他内容,Here's an example 就会起作用。

    <select
      multiple="multiple" ng-multiple="true" rows="10" size="4"
      ng-model="abcDTO.Selection"
      ng-options="x.SelectionID as x.SelectionDesc for x in abcDTO.SelectionTypes">
    </select>
    

    【讨论】:

    • 我也尝试过将其绑定到不同的对象,但它不起作用。虽然这适用于 Mozilla 和 IE,但不适用于 Chrome 发布更新
    • @amarshubhanker 我可以再看一下,但您需要发布一个重现此问题的演示。 stackblitz.com/fork/angularjs
    猜你喜欢
    • 2017-01-17
    • 1970-01-01
    • 2017-08-15
    • 2015-06-06
    • 2018-03-27
    • 2014-08-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多