javascript - 用 Angular 渲染动态占位符

Question

我环顾四周，发现了几个标记为“ng-placeholder”或非常相似的资源。我无法让它工作:

<input type="text" placeholder="{{option.name}}" class="form-control" ng-switch-when="text" />

我注意到 input documentation 上似乎没有任何内容以及。我对 Angular 还很陌生，这让我沮丧了几个小时。一定有办法做到这一点。

Answer 1

为什么不为 ng-placeholder 编写自己的指令？像这样简单的东西应该可以工作。你可以像这样在你的 html 中调用它

<input ng-placeholder='test'>

其中 test 是当前 Controller 中的作用域变量。

.directive('ngPlaceholder', function($document) {
  return {
    restrict: 'A',
    scope: {
      placeholder: '=ngPlaceholder'
    },
    link: function(scope, elem, attr) {
      scope.$watch('placeholder',function() {
        elem[0].placeholder = scope.placeholder;
      });
    }
  }
});