Angular ile Veri Bağlama (Two-Way Binding)
Angular’da veriler iki yönlü olarak bağlanabilir: hem bileşen (component) hem HTML tarafı birbirini anında günceller. Bu örnekte, [(ngModel)] kullanarak input alanındaki değişikliğin anında ekranda yansımasını sağlıyoruz. Bu yapı, formlar ve dinamik arayüzlerde temel bir Angular yeteneğidir.
// app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
})
export class AppComponent {
mesaj: string = "Zebifytech Angular örneği";
}Kod Açıklaması
Angular’da veriler iki yönlü olarak bağlanabilir: hem bileşen (component) hem HTML tarafı birbirini anında günceller.
Bu örnekte, [(ngModel)] kullanarak input alanındaki değişikliğin anında ekranda yansımasını sağlıyoruz.
Bu yapı, formlar ve dinamik arayüzlerde temel bir Angular yeteneğidir.
Nasıl Çalışır?
Bu kod örneği, Web Speech API kullanılarak sesli olarak açıklanmaktadır. Kod bloğunun üzerine mouse ile geldiğinizde otomatik olarak açıklama başlar.
Kullanım Alanları
Web Speech API
Bu kod örneği Web Speech API kullanılarak sesli olarak açıklanmaktadır.
İlgili Kodlar
// app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
})
export class AppComponent {
urunler = [
{ ...Angular ile *ngFor ve *ngIf Kullanımı (Liste ve Koşul Görünümü)
Kendi Konuşan Kodunuzu Oluşturun
Web Speech API ile kendi projelerinizde de konuşan kod örnekleri oluşturabilirsiniz.