AngularJS'de model verileri ve kapsamı

İçindekiler
Bir modelin kapsamı hakkında konuştuğumuzda, $ kapsam nesnesi, bu modelin verilerini görünümlere göstermekten sorumludur, bununla MVC yapımızın farklı bölümlerini bağlayabiliriz.
İçinde AngularJS veriler, yalnızca nesne tarafından görünür olduğunda modelin bir parçası olarak kabul edilir. $ kapsam, bu nesne modelimizde meydana gelebilecek değişiklikleri görebilmemiz için kullanmamız gereken kapsam veya kapsamdır.
Nesne ile çalıştığımızda $ kapsamÇoğu zaman, bir kontrolör içinde bir modelden veri alımını simüle edebileceğimiz şekilde, değerlerin atamasını açıkça yapabiliriz.
Söz konusu veri veya değeri $ kapsamBu, bir model veya söylediğimiz açık bir atama gibi, kökeninden bağımsız olarak görünüm içinde kullanılabilir.
Aşağıdaki örnekte, yorum yaptığımız şeyi basit bir kodda nasıl çevirebileceğimizi görelim. AngularJS:
Hesabı 3 olarak ayarla

{{tezgah}}

Hesabı 3 olarak ayarla

{{tezgah}}


Örnekte, controller içeriğimizde bir özelliğin değerini açıkça belirlediğimizi görüyoruz, bununla nesnenin değerini iletebiliriz. $ kapsam içgörü; Bir sonraki bölümde, denetleyici yöntemini çağıran bir düğme oluşturduk. Son olarak atamayı açıkça yapan yeni bir buton yapıyoruz ve eşdeğer bir kodumuz var.
Örnekte yazılanlarla tarayıcımızda aşağıdakileri elde ederiz:

BÜYÜT

Her iki seçeneğin de üçe ayarlanmış bir sayaç ayarlamak için tasarladığımız ana işlevi yürütmemize izin verdiğini görüyoruz.
ng-modeliYerleştirebileceğimiz başka bir yön, özelliği kullanarak bir form oluşturmaktır. ng-modeliBununla her iki unsur arasında, yani form ve söz konusu model arasında çift yönlü bir birlik elde edebileceğiz; bununla kendilerini kapsayan kontrolör kapsamında çalışabilirler.
yöntem izlemek () belki de en çok kullanılanlardan biridir AngularJS, çünkü onunla modellerimizi etkileyebilecek değişiklikleri gerçek zamanlı olarak tespit edebiliyoruz ve bu değişikliklerle uygulamamız içinde eylemler gerçekleştiriyoruz.
Aslında belirli bir nesneyi veya belki de bir yöntemin sonucunu gözlemleyebiliriz, önemli olan bu yöntemi Javascript'in tarayıcıda neyi temsil ettiğinin geniş bir yelpazesinde kullanabilmemizdir. Bu yöntemi uygulama şeklimiz şu şekildedir:
$ izle (watchFn, watchAction, deepWatch)

Yöntemin aldığı bu parametreler, dikkate alacağımız modeli, kurduğumuz bir değişiklik veya koşul olduğunda uygulanacak yöntemi belirtmemizi sağlar ve bununla birlikte değişiklikleri izleme konusunda sahip olduğumuz birçok ihtiyacı karşılayabiliriz. modelin
Bununla bu öğreticiyi bitiriyoruz, ile yapılan bir uygulamada modellerimizdeki verilerin kapsamını neyin temsil ettiğine zaten bir giriş yaptık. AngularJS.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
wave wave wave wave wave