Angular ngModelOptions-仅在单击按钮时将值绑定到模型

尼克约翰

我有一个绑定到模型对象的输入字段,在用户单击按钮之前,我不想绑定该输入对象。我经历了ng-model-optionupdateOn,但似乎他们只触发对开箱即用JS事件,如blurfocus

<input ng-model="modelobject" ng-model-options="{updateOn: confirmButtonClick}">

<button id="confirmButton" role="confirm" ng-click="confirmButtonClick == true" class="confirm-btn">Confirm</button>

仅在单击按钮或自定义函数后,如何才能将值绑定到模型?我需要编写自定义指令吗?

潘卡·帕克(Pankaj Parkar)

你可以做通过包装你的表单字段里面,然后更新您解决问题ng-modelsubmit像一个形式ng-model-options="{updateOn: 'submit'}"

的HTML

<form name="myForm">
  <input ng-model="modelobject" ng-model-options="{updateOn: 'submit'}">
  <button id="confirmButton" role="confirm" class="confirm-btn">
    Confirm
  </button>
</form>

工作朋克

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular ngModelOptions-仅在单击按钮时将值绑定到模型

来自分类Dev

在Angular中动态设置ngModelOptions

来自分类Dev

Angular2使用[(ngModel)]和[ngModelOptions] =“ {standalone:true}”链接到对模型属性的引用

来自分类Dev

Angular ngModelOptions allowInvalid无法正常工作

来自分类Dev

如何通过javascript设置ngModelOptions?

来自分类Dev

将ng-attr绑定到模型的Angular指令

来自分类Dev

如何将输入数组绑定到 Angular 中的模型

来自分类Dev

将Bootstrap单选按钮绑定到Angular属性

来自分类Dev

ngModelOptions在指令中不起作用

来自分类Dev

ngModelOptions在指令中不起作用

来自分类Dev

在Angular 2中单击按钮时更新列表项的值

来自分类Dev

将枚举值绑定到ng-options angular js

来自分类Dev

将值绑定到<Style>标签Angular 2模板

来自分类Dev

如何使用Angular将值绑定到Web组件的属性?

来自分类Dev

将值绑定到Angular模板中的ng-switch

来自分类Dev

Angular2 将值绑定到结构指令

来自分类Dev

Vue单击按钮时通过键将值绑定到对象

来自分类Dev

我如何在使用 angular2 单击添加按钮时获得表单模型

来自分类Dev

无法使用Angular2将Style.Top绑定到单击的复选框的坐标

来自分类Dev

如何将单选按钮值绑定到模型

来自分类Dev

如何使用Angular JS将一个模型绑定到多个输入

来自分类Dev

将复选框绑定到模型并在Angular中选中/取消选中它

来自分类Dev

Angular:将两个表单控件绑定到同一个模型

来自分类Dev

仅在Angular Js中获取单击按钮的ID

来自分类Dev

[ngModelOptions] =“ {standalone:true}”的角度单元测试失败

来自分类Dev

使用 event.preventDefault() 时,Angular2 值未与模型绑定

来自分类Dev

在 Angular 2 中,如何在单击按钮时聚焦到 div 的底部

来自分类Dev

在 Angular 5 中,如何将单击事件的数量分组并仅在用户停止单击时发出一次

来自分类Dev

AngularJS:将布尔值绑定到单选按钮,以便在取消选中事件时将模型更新为false

Related 相关文章

  1. 1

    Angular ngModelOptions-仅在单击按钮时将值绑定到模型

  2. 2

    在Angular中动态设置ngModelOptions

  3. 3

    Angular2使用[(ngModel)]和[ngModelOptions] =“ {standalone:true}”链接到对模型属性的引用

  4. 4

    Angular ngModelOptions allowInvalid无法正常工作

  5. 5

    如何通过javascript设置ngModelOptions?

  6. 6

    将ng-attr绑定到模型的Angular指令

  7. 7

    如何将输入数组绑定到 Angular 中的模型

  8. 8

    将Bootstrap单选按钮绑定到Angular属性

  9. 9

    ngModelOptions在指令中不起作用

  10. 10

    ngModelOptions在指令中不起作用

  11. 11

    在Angular 2中单击按钮时更新列表项的值

  12. 12

    将枚举值绑定到ng-options angular js

  13. 13

    将值绑定到<Style>标签Angular 2模板

  14. 14

    如何使用Angular将值绑定到Web组件的属性?

  15. 15

    将值绑定到Angular模板中的ng-switch

  16. 16

    Angular2 将值绑定到结构指令

  17. 17

    Vue单击按钮时通过键将值绑定到对象

  18. 18

    我如何在使用 angular2 单击添加按钮时获得表单模型

  19. 19

    无法使用Angular2将Style.Top绑定到单击的复选框的坐标

  20. 20

    如何将单选按钮值绑定到模型

  21. 21

    如何使用Angular JS将一个模型绑定到多个输入

  22. 22

    将复选框绑定到模型并在Angular中选中/取消选中它

  23. 23

    Angular:将两个表单控件绑定到同一个模型

  24. 24

    仅在Angular Js中获取单击按钮的ID

  25. 25

    [ngModelOptions] =“ {standalone:true}”的角度单元测试失败

  26. 26

    使用 event.preventDefault() 时,Angular2 值未与模型绑定

  27. 27

    在 Angular 2 中,如何在单击按钮时聚焦到 div 的底部

  28. 28

    在 Angular 5 中,如何将单击事件的数量分组并仅在用户停止单击时发出一次

  29. 29

    AngularJS:将布尔值绑定到单选按钮,以便在取消选中事件时将模型更新为false

热门标签

归档