javascript - AngularJS:将指令应用于所有匹配的标签

Question

我有一个我构建的大型 Web 表单(超过 100 个字段)，我想添加 AngularJS 以使用户能够在表单中键入内容并运行 Javascript 以在他们键入时将 Angular 模型存储在数据库中。显然我不想每次用户更改一小段数据时都将数据发送到数据库，所以我想使用 ng-model-options指令告诉 Angular 只触发 updateOn大约 500 毫秒后。

我真的不想对每个 <input> 应用大量的 Angular 虽然在我的 HTML 中添加标签，但需要大量输入，而且如果我想更改某些内容，需要遍历和手动更新很多地方。我真正想做的是 $("input").setDirective()或者类似的东西，如果它存在的话。我意识到我正在以一种 jQuery 类型的方式考虑这个问题，所以我很想听听“正确的”Angular 方法，将同一组指令应用于我的 DOM 中与某些选择器匹配的每个元素。

谢谢!

Answer 1

对@Bodzio 的回答稍作修改

HTML

<div ng-app="app">
    <input type="text" name="something" />
    <input type="text" />
    <input type="text" />
    <input type="text" name="different" />
    <input type="radio" name="different" />
</div>

JS

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

app.directive('input', function() {
  return {
      restrict: 'E',
      link: function (scope, element, attributes) {
          // filter the element using attributes
          if (attributes.type === "text" && attributes.name) {
              element[0].value = "It works!";
          }
      }
  };
});

JSFIDDLE DEMO