AngularJSディレクティブでプレースホルダを変更しますか？

Question

私は数秒ごとにプレースホルダーを変更したいテキスト入力フィールドを持っています。しかし、私はこれでコントローラを汚染したくないので、この機能を指令にカプセル化したいと思います。

これは私のディレクティブは次のようになります。

myApp.directive('searchBox', ['$interval', function($interval) { 
    return { 
     restrict: 'A', 
     link(scope, element, attrs) { 
      $interval(function() { 
       attrs.placeholder = 'New'; 
      }, 1000); 
     } 
    } 
}]) 

とHTML：

<input type="text" class="form-control" placeholder="Old" ng-model="search" search-box> 

プレースホルダは頑固に変更されませんが、コンソールにattrs.placeholderが変更に見ることができるにもかかわらず、 「Hello」から「Test」へ。何か案は？

PLUNKR: https://plnkr.co/edit/Oy1M8FPTXxzB9oYMJqlx?p=preview

Answer 1

あなたは（それがあなたの要素の属性の単なる静的な反射です）attrオブジェクトを介して属性値を変更することはできません。代わりに、element.attr('placeholder', 'Test')またはattrs.$set('placeholder', 'Test')を使用して要素を更新してください。