AngularJS'de $ kapsam nedir?
AngularJS'deki $ kapsam, temelde "denetleyici" ve "görünümü" birbirine bağlayan yerleşik bir nesnedir. Denetleyici içindeki kapsamdaki üye değişkenler tanımlanabilir ve bunlar daha sonra görünüm tarafından erişilebilir.
Aşağıdaki örneği düşünün:
angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});
Kod Açıklaması:
- Modülün adı "uygulama" dır
- Denetleyicinin adı "HelloWorldCntrl" dir
- Kapsam nesnesi, denetleyiciden görünüme bilgi iletmek için kullanılan ana nesnedir.
- Üye değişkeni kapsam nesnesine eklendi
Davranış ayarlama veya ekleme
Görünümde olaylara tepki vermek veya bir tür hesaplama / işlem yürütmek için kapsama davranış sağlamalıyız.
Davranışlar, Görünüm tarafından tetiklenebilecek belirli olaylara yanıt vermek için kapsam nesnelerine eklenir. Davranış denetleyicide tanımlandıktan sonra, görünümden erişilebilir.
Bunu nasıl başarabileceğimize dair bir örneğe bakalım.
Guru99 Guru99 Global Event
{{fullName("Guru","99")}}
Kod Açıklaması:
- "FullName" adlı bir davranış yaratıyoruz. Bu davranış, 2 parametreyi (ad, soyad) kabul eden bir işlevdir.
- Davranış daha sonra bu 2 parametrenin birleşimini döndürür.
- Görünümde davranışı çağırıyoruz ve davranışa parametre olarak aktarılan "Guru" ve "99" 'un 2 değerini iletiyoruz.
Komut başarıyla yürütülürse, kodunuzu tarayıcıda çalıştırdığınızda aşağıdaki Çıktı gösterilecektir.
Çıktı:
Tarayıcıda, denetleyicideki davranışa aktarılan Guru & 99'un her iki değerinin bir birleşimini göreceksiniz.
Özet
- Çeşitli üye değişkenleri, daha sonra görünümde referans alınabilecek kapsam nesnesine eklenebilir.
- Davranış, kullanıcı tarafından gerçekleştirilen eylemler için oluşturulan olaylarla çalışmak üzere eklenebilir.
- Angularjs
$rootScope, tüm uygulamanın kapsamıdır. Bir uygulama yalnızca bir $ rootScope'a sahip olabilir ve global bir değişken gibi kullanılır. Angular JS $ kapsamları alt kapsamlardır ve $ rootScope üst kapsamdır