SORU
3 NİSAN 2014, PERŞEMBE


ngModel hale getirilmesini ve Ayrıştırıcıları

Farklı formda aynı soruyu yazdım ama kimse cevap vermedi. Hale getirilmesini ve Ayrıştırıcıları açısal js ne net bir görüntü alıyorum.

Tanım olarak, hale getirilmesini ve Ayrıştırıcıları, hem de bana benziyor. Belki bu angularjs yeni olduğum gibi ben yanlış duyuyorum.

Hale Getirilmesini Tanımı

Fonksiyonları bir dizi model değeri değiştiğinde, bir boru hattı olarak, yürütmek için. Her fonksiyonu da, değer sonrakine geçiyor denir. Biçim / için kullanılan kontrol ve doğrulama görüntülemek için değerleri dönüştürmek.

Ayrıştırıcıları Tanımı

Denetim DOM değer okur zaman, bir boru hattı olarak çalıştırılacak fonksiyonlar dizisi. Her fonksiyonu da, değer sonrakine geçiyor denir. Eskiden sterilize / değeri de doğrulama olarak dönüştürmek. Doğrulama için, ayrıştırıcıları setValidity geçerlilik durumu kullanarak $güncellemeli(), ve geçersiz değerler için tanımsız dönüş.

Lütfen bana basit bir örnek ile hem de özellikleri anlamaya yardımcı olur. Her ikisi de basit bir örnek çok takdir edilecektir.

Şimdiden çok teşekkür ederim.

CEVAP
3 NİSAN 2014, PERŞEMBE


Çok iyi ilgili bir soru kaplanmıştı bu konuda: How to do two-way filtering in angular.js?

Özetlemek gerekirse:

  • Hale getirilmesini model değerleri görünümü nasıl görüneceğini değiştirmek.
  • Ayrıştırıcıları görüntülemek değerleri model kaydedilecektir nasıl değiştirin.

Burada basit bir örnek, NgModelController api documentation: bir örnek oluşturma

  //format text going to user (model to view)
  ngModel.$formatters.push(function(value) {
    return value.toUpperCase();
  });

  //format text from the user (view to model)
  ngModel.$parsers.push(function(value) {
    return value.toLowerCase();
  });

Eylem görebilirsiniz: http://plnkr.co/UQ5q5FxyBzIeEjRYYVGX

<input type="button" value="set to 'misko'" ng-click="data.name='misko'"/>
<input type="button" value="set to 'MISKO'" ng-click="data.name='MISKO'"/>
<input changecase ng-model="data.name" />

(Model view) adını yazın, bir model her zaman küçük olduğunu göreceksiniz. Ama, düğme ve programlama yoluyla bir değişim adını tıklatın (Görünüm model, giriş alanında her zaman büyük olur.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Bad Lip Reading

    Bad Lip Read

    22 Mart 2011
  • EatingIn

    EatingIn

    12 EKİM 2013
  • wafflepwn

    wafflepwn

    14 AĞUSTOS 2008