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

最新推荐文章于 2022-07-11 07:35:00 发布

weixin_30664539

最新推荐文章于 2022-07-11 07:35:00 发布

阅读量55

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/4965890.html

本文介绍如何在Angular中使用ngModelOptions属性来优化输入框的响应速度，通过设置不同的监听选项减少不必要的视图更新，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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'
        }
      },

转载于:https://www.cnblogs.com/Answer1215/p/4965890.html