Öznitelik Bağlama
Angular’da öznitelik bağlama, öznitelikler için değerleri doğrudan ayarlamanıza yardımcı olur. Öznitelik bağlama ile erişilebilirliği artırabilir, uygulamanızı dinamik olarak şekillendirebilir ve aynı anda birden fazla CSS sınıfını veya stilini yönetebilirsiniz. Sözdizimi Öznitelik bağlama sözdizimi property binding‘e benzer, ancak parantezler arasında bir öğe özelliği yerine, özniteliğin adından önce attr önekini ve ardından bir nokta koyarsınız. Ardından, öznitelik […]
En İyi Property Binding Kullanımları
Birkaç yönergeyi izleyerek, özellik bağlamayı hataları azaltmanıza ve kodunuzu okunabilir tutmanıza yardımcı olacak şekilde kullanabilirsiniz. Yan etkilerden kaçının Bir şablon ifadesinin değerlendirilmesi hiçbir görünür yan etkiye sahip olmamalıdır. Yan etkileri önlemeye yardımcı olmak için şablon ifadeler için sözdizimini kullanın. Genel olarak, doğru sözdizimi size bir özellik bağlama ifadesinde herhangi bir şeye bir değer atamanızı engeller. […]
Property Binding
Angular’da özellik bağlama, HTML öğelerinin veya yönergelerinin özellikleri için değerler ayarlamanıza yardımcı olur. Düğme özelliklerini değiştirme, yolları programlı olarak ayarlama ve bileşenler arasında değerleri paylaşma gibi işlemleri yapmak için özellik bağlamayı kullanın. Veri akışının anlaşılması Özellik bağlama, bir değeri bir yönde, bir bileşenin özelliğinden bir hedef öğe özelliğine taşır. Bir hedef öğe özelliğini okumak veya […]
Bağlamayı Anlama
Bir Angular şablonunda bağlama, şablondan oluşturulan kullanıcı arayüzünün bir parçası (bir DOM öğesi, yönerge veya bileşen) ile model (şablonun ait olduğu bileşen örneği) arasında canlı bir bağlantı oluşturur. Bu bağlantı, görünümü modelle senkronize etmek, görünümde bir olay veya kullanıcı eylemi gerçekleştiğinde modeli bilgilendirmek veya her ikisi için de kullanılabilir. Angular’ın Change Detection algoritması, görünümü ve modeli […]
Template Statements
Şablon deyimleri, kullanıcı olaylarına yanıt vermek için HTML’nizde kullanabileceğiniz yöntemler veya özelliklerdir. Şablon deyimleri ile uygulamanız, dinamik içerik görüntüleme veya form gönderme gibi eylemler aracılığıyla kullanıcılarla etkileşim kurabilir. Aşağıdaki örnekte, deleteHero() şablon ifadesi (event)=”statement” ifadesinde olduğu gibi eşittir işareti = karakterinin sağında tırnak içinde görünür. Kullanıcı Delete hero düğmesine tıkladığında, Angular bileşen sınıfındaki deleteHero() yöntemini […]
Text Interpolation
Değerleri interpolation ile görüntüleme Interpolation, ifadelerin işaretlenmiş metne gömülmesi anlamına gelir. Varsayılan olarak, interpolation sınırlayıcı olarak {{ ve }} çift küme parantezlerini kullanır. Interpolation yapısının nasıl çalıştığını göstermek için currentCustomer değişkenini içeren bir Angular bileşeni düşünün: Bu değişkenin değerini ilgili bileşen şablonunda görüntülemek için interpolation kullanın: Angular, currentCustomer öğesini ilgili bileşen özelliğinin dize değeriyle değiştirir. […]
Genel Bakış
Angular’da şablon bir HTML yığınıdır. Angular’ın birçok özelliğini geliştirmek için bir şablon içinde özel sözdizimi kullanın. Uygulamanızdaki her bir Angular şablonu, tarayıcının görüntülediği sayfanın bir parçası olarak eklenecek bir HTML bölümüdür. Bir Angular HTML şablonu, tıpkı normal HTML gibi, ancak çok daha fazla işlevsellik ile tarayıcıda bir görünüm veya kullanıcı arayüzü oluşturur. Angular CLI ile […]
Gelişmiş Bileşen Yapılandırması
ChangeDetectionStrategy @Component dekoratörü, bileşenin değişiklik algılama modunu kontrol eden bir changeDetection seçeneğini kabul eder. İki değişiklik algılama modu seçeneği vardır. ChangeDetectionStrategy.Default, şaşırtıcı olmayan bir şekilde varsayılan stratejidir. Bu modda Angular, uygulama genelinde herhangi bir etkinlik gerçekleştiğinde bileşenin DOM’unun güncellenmesi gerekip gerekmediğini kontrol eder. Bu kontrolü tetikleyen etkinlikler arasında kullanıcı etkileşimi, ağ yanıtı, zamanlayıcılar ve daha […]
Bileşenleri Programlı Olarak Oluşturma
Bir bileşeni doğrudan bir şablonda kullanmanın yanı sıra, bileşenleri dinamik olarak da oluşturabilirsiniz. Bir bileşeni dinamik olarak oluşturmanın iki ana yolu vardır: NgComponentOutlet ile bir şablonda veya ViewContainerRef ile TypeScript kodunda. NgComponentOutlet Kullanımı NgComponentOutlet, bir şablonda belirli bir bileşeni dinamik olarak işleyen yapısal bir yönergedir. Yönergenin yetenekleri hakkında daha fazla bilgi için NgComponentOutlet API reference […]
Inheritance
Angular bileşenleri TypeScript sınıflarıdır ve standart JavaScript inheritance semantiğine katılırlar. Bir bileşen herhangi bir temel sınıfı genişletebilir: Diğer bileşenleri ve yönergeleri genişletme Bir bileşen başka bir bileşeni veya yönergeyi genişlettiğinde, temel sınıfın dekoratöründe ve temel sınıfın dekore edilmiş üyelerinde tanımlanan tüm meta verileri devralır. Buna seçici, şablon, stiller, ana bilgisayar bağları, girdiler, çıktılar, yaşam döngüsü […]