Question

我知道你可以使用ng-model在任何地方进行去抖动。但是如果同一个对象的多个ng模型和一个“显示”它的地方怎么办呢。我想在“display”元素中设置debounce。

例如，如何让name在<p>中慢慢显示，但在input之间快速同步：

http://plnkr.co/edit/RZfqDfNGVdswniuPkuIC?p=preview

HTML

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.1/angular.js" data-semver="1.4.1"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <p ng-model-options="{ debounce: { 'default': 500 } }">Hello {{name}}!</p>
    <input ng-model="name" >
    <input ng-model="name">
  </body>

</html>

JS

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

非输入时的模型去抖动

0 个答案: