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

  • efaustus9

    efaustus9

    16 HAZİRAN 2006
  • Rachel Talbott

    Rachel Talbo

    26 Ocak 2011
  • TimMinchinLive

    TimMinchinLi

    23 ŞUBAT 2009