[AngularJS] Use ng-model-options to limit $digest

Refer: http://toddmotto.com/super-fast-angular-ng-model-options-limit-digest-cycles/

 

Use:

复制代码
<input 
  type="text" 
  ng-model="test"
  ng-model-options="{
    'updateOn': 'default blur',
    'debounce': {
      'default': 250,
      'blur': 0
    }
  }">
复制代码

 

With Angular Formly:

Refer: http://angular-formly.com/#/example/field-options/model-options

 

Use:

复制代码
{
        key: 'text',
        type: 'input',
        modelOptions: {
          debounce: {
            default: 2000,
            blur: 0
          },
          updateOn: 'default blur'
        },
        templateOptions: {
          label: 'Debounce',
          placeholder: 'update on blur and default'
        }
      },
复制代码

 

posted @   Zhentiw  阅读(257)  评论(0编辑  收藏  举报
(评论功能已被禁用)
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2014-11-14 [RSpec] LEVEL 2 CONFIGURATION & MATCHERS
2014-11-14 [RSpec] LEVEL 1: INTRODUCTION
2014-11-14 [AngularJS] Angular 1.3 ngAria - 2
2014-11-14 [AngularJS] Angular1.3 ngAria - 1
2014-11-14 [AngularJS] Angular 1.3: ng-model-options updateOn, debounce
点击右上角即可分享
微信分享提示