在Chrome中输入字段之间切换时,角度选择不会更改模型值

飞行L123

我遇到了一个奇怪的问题,我在使用Angular版本1.2.20的Mac上的Chrome版本39.0.2171.95(64位)中看到了这个问题。首次加载页面时,如果我浏览表单并更改选择列表的值,则选择列表的模型值不会更新。这是显示问题的plnkr:

http://plnkr.co/edit/0DFI7w9mcp76kSA3lmwE?p=preview

请按照以下步骤进行复制:

  1. 单击第一个文本字段,然后输入任何值。
  2. 按Tab
  3. 输入字母“ v”,以便将选择内容更改为“ Vermont”。
  4. 再次输入字母“ v”,因此选择项将更改为“ Virginia”。
  5. 按Tab键输入下一个文本字段。

请注意data.state,即使选择列表设置为“弗吉尼亚州”,的输出如何设置为“佛蒙特州”。为什么会这样,有什么办法可以解决?

这是plnkr的HTML:

<!DOCTYPE html>
<html ng-app>

  <head>
    <script data-require="[email protected]" data-semver="1.2.20" src="https://code.angularjs.org/1.2.20/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <form name="myForm" ng-init="states = ['Alabama', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'District of Columbia', 'Florida', 'Georgia', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming']">
      <input type="text" ng-model="data.text1">
      <select ng-model="data.state" ng-options="value for value in states track by value"></select>
      <input type="text" ng-model="data.text2">
    </form>
    <div>data.text1 = {{ data.text1 }}</div>
    <div>data.state = {{ data.state }}</div>
    <div>data.text2 = {{ data.text2 }}</div>
  </body>

</html>
射线机

看起来这是Angular本身的错误(请参阅https://github.com/angular/angular.js/issues/9134)。您可以通过在选择(http://plnkr.co/edit/v6XFiQ?p=preview)中添加默认/空选项来解决此问题。

<select ...>
  <option value="">Pick a state...</option>
</select>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

操作切换时自动选择输入字段

来自分类Dev

在输入之间切换时,Chrome Android隐藏键盘

来自分类Dev

在React中的视图之间切换时保留输入值

来自分类Dev

jQuery切换更改输入值

来自分类Dev

输入字段值+可切换的额外值

来自分类Dev

启用禁用的切换按钮/更改 json 值角度

来自分类Dev

当sidenav切换时更改按钮的主题(角度材质)

来自分类Dev

当sidenav切换时更改按钮的主题(角度材质)

来自分类Dev

如何在切换时显示输入字段?

来自分类Dev

如何使基于切换的redux在切换时输入字段可编辑?

来自分类Dev

在<option>标记之间切换时保存输入文本

来自分类Dev

在Git存储库中切换分支时,文件系统中修改的日期不会更改

来自分类Dev

尝试设置隐藏输入的值以在JavaScript中在True和False之间切换

来自分类Dev

GatsbyJS:在页面之间切换时更改菜单链接

来自分类Dev

如何在日语输入源之间切换,而不会从先前的输入源中删除所有文本?

来自分类Dev

在Windows,Macintosh和Linux之间切换时,Matlab中的ASCI字符会更改

来自分类Dev

在html中的字段集之间动态切换

来自分类Dev

在 Angularjs 中的字段之间切换焦点

来自分类Dev

在“ |”之间切换 基于输入的命令中的“ &&”符号

来自分类Dev

在输入中选择文本并删除不会更改输入值(角度)

来自分类Dev

scss文件之间的角度切换

来自分类Dev

仅在选择下拉列表中的特定值时,才可以切换类?

来自分类Dev

如何使jquery序列化忽略div中隐藏和显示之间切换的输入字段

来自分类Dev

验证必须是切换或输入字段

来自分类Dev

如何在嵌套对象中的值之间切换

来自分类Dev

在Lua中的功能之间切换时出现错误?

来自分类Dev

根据选择在变量之间切换

来自分类Dev

在Angular模型中,可以在JSON对象和字符串之间切换值类型吗?

来自分类Dev

在切换中更改文本范围的值

Related 相关文章

  1. 1

    操作切换时自动选择输入字段

  2. 2

    在输入之间切换时,Chrome Android隐藏键盘

  3. 3

    在React中的视图之间切换时保留输入值

  4. 4

    jQuery切换更改输入值

  5. 5

    输入字段值+可切换的额外值

  6. 6

    启用禁用的切换按钮/更改 json 值角度

  7. 7

    当sidenav切换时更改按钮的主题(角度材质)

  8. 8

    当sidenav切换时更改按钮的主题(角度材质)

  9. 9

    如何在切换时显示输入字段?

  10. 10

    如何使基于切换的redux在切换时输入字段可编辑?

  11. 11

    在<option>标记之间切换时保存输入文本

  12. 12

    在Git存储库中切换分支时,文件系统中修改的日期不会更改

  13. 13

    尝试设置隐藏输入的值以在JavaScript中在True和False之间切换

  14. 14

    GatsbyJS:在页面之间切换时更改菜单链接

  15. 15

    如何在日语输入源之间切换,而不会从先前的输入源中删除所有文本?

  16. 16

    在Windows,Macintosh和Linux之间切换时,Matlab中的ASCI字符会更改

  17. 17

    在html中的字段集之间动态切换

  18. 18

    在 Angularjs 中的字段之间切换焦点

  19. 19

    在“ |”之间切换 基于输入的命令中的“ &&”符号

  20. 20

    在输入中选择文本并删除不会更改输入值(角度)

  21. 21

    scss文件之间的角度切换

  22. 22

    仅在选择下拉列表中的特定值时,才可以切换类?

  23. 23

    如何使jquery序列化忽略div中隐藏和显示之间切换的输入字段

  24. 24

    验证必须是切换或输入字段

  25. 25

    如何在嵌套对象中的值之间切换

  26. 26

    在Lua中的功能之间切换时出现错误?

  27. 27

    根据选择在变量之间切换

  28. 28

    在Angular模型中,可以在JSON对象和字符串之间切换值类型吗?

  29. 29

    在切换中更改文本范围的值

热门标签

归档