IE10 + üzerinde AngularJS, yer tutucuyla birlikte textarea "Geçersiz değişken."

Question

IE10 + 'da angularJS, TextArea yer tutucu ile birlikte kullanıldığında "Geçersiz değişken" alıyorum.

SADECE, textarea düğümü </textarea> ile kapatıldığında gerçekleşecek ve tek başına textarea'yı kapattığımda olmaz.

Bu "Geçersiz bağımsız değişken" istisna yükseltecektir

:

<div ng-app> 
    <input ng-model="placeholderModel" type="text"/> 
    <textarea id="message" placeholder="{{placeholderModel}}" ng-model="textareaModel"></textarea> 
</div> 

Bu, hiçbir sorunları ile çalışır:

<div ng-app> 
    <input ng-model="placeholderModel" type="text"/> 
    <textarea id="message" placeholder="{{placeholderModel}}" ng-model="textareaModel"/> 
</div> 

burada örnek çalıştırma: Biliyorum http://jsfiddle.net/huecc/

Answer 1

Bu, öğenin yer tutucusuna bağlanma biçiminizle ilgili bir sorun gibi görünüyor - garip, biliyorum.

Doğrudan IE'deki özniteliğe doğrudan bağlanmak yerine ng-attr-placeholder yönergesini kullanarak her şeyi düzgün bir şekilde IE'de çalıştırabildim. Örneğin

, yerine:

<textarea ng-attr-placeholder="placeholderModel" ng-model="textareaModel"></textarea> 

Related'i:

<textarea placeholder="{{placeholderModel}}" ng-model="textareaModel"></textarea> 

bu deneyinAngularJS v1.2.5 script error with textarea and placeholder attribute using IE11

Answer 2

Bu soru şu anda çok eski ama düşüncelerimi de atmayı düşündüm . Biz birkaç ay önce bu konuda koştu ve bir düzeltme canlandırmak zorunda kaldı, bu yüzden biz sorunu çözmek için bu yönergeyi kullanarak bitti:

mod.directive('placeHolder', [ 
    function(){ 
     return { 
      restrict: 'A', 
      link: function(scope, elem, attrs){ 
       scope.$watch(attrs.placeHolder, function(newVal,oldVal){ 
        elem.attr('placeholder', newVal); 
       }); 
      } 
     }; 
    } 
]); 

Ve sonra görünümlerde kullanabilirsiniz:

<textarea place-holder="placeholderModel" ng-model="textareaModel"></textarea> 

Model verileriniz ulaştığında (muhtemelen eşzamansız), yönerge <textarea> için geleneksel bir placeholder özniteliği ekleyecektir ve istediğiniz gibi çalışacaktır.

Bu en büyük çözüm değil, ancak çalışıyor. Umarım yardımcı olur.

Answer 3

Bugün bu hatayı deneyimli ve rastgele bu tökezledi soru. İşte beni

önce bunu çözmüş ne:

<textarea placeholder="{[{ 'NAME' | translate }]}" ng-model="name" name="name"></textarea> 

sonra:

<textarea placeholder="{[{ 'NAME' | translate }]}" ng-model="name" name="name"> </textarea> 

Not textarea içindeki küçük uzay, aslında şikayet gelen IE durdu ne ...