angularjs translate placeholder

Question

Я использую угловой переводчик для перевода моих кнопок и меток html, проблема в том, что когда я использовал внутри placeholder, я получаю ненужные символы для французского языка. Но то же самое хорошо работает в теге span. что было бы проблемой с заполнителем.

<input data-ng-model="vm.search" class="form-control" type="search" 
          ng-attr-placeholder="{{'resources.contacts-organisations-searchplaceholder' | translate }}..."> 

же материал работает с пролетом

<span translate="resources.contacts-organisations-searchplaceholder"></span> 

Answer 1

Вы уверены, что синтаксис является правильным? Похоже, {{'resources.contacts-organisations-searchplaceholder' | translate }} пропустит строку resources.contacts-organisations-searchplaceholder, а не строку в этом объекте

Answer 2

Простите немного поздно: Но я создал для вас эту директиву, которая решит вашу проблему.

app.directive('ngBindPlaceholder', ['$sce', '$parse', '$compile', function($sce, $parse, $compile){ 
    return { 
    restrict: 'A', 
    compile: function ngBindHtmlCompile(tElement, tAttrs) { 
     var ngBindHtmlGetter = $parse(tAttrs.ngBindPlaceholder); 
     var ngBindPlaceholderWatch = $parse(tAttrs.ngBindPlaceholder, function getStringValue(value) { 
     return (value || '').toString(); 
     }); 
     $compile.$$addBindingClass(tElement); 

     return function ngBindHtmlLink(scope, element, attr) { 
     $compile.$$addBindingInfo(element, attr.ngBindPlaceholder); 

     scope.$watch(ngBindPlaceholderWatch, function ngBindWatchAction() { 
      // we re-evaluate the expr because we want a TrustedValueHolderType 
      // for $sce, not a string 
      element.html($sce.getTrustedHtml(ngBindHtmlGetter(scope)) || ''); 
      var plc = element.text(); 
      element.attr('placeholder',plc); 
     }); 
     }; 
    } 
    }; 
}]); 

Использование в HTML:

<input type="text" id = "name" data-ng-bind-placeholder="'Label.name' | translate>