Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir Angular eğitim serisinin bir bölümüdür. Eğitmen, önceki derste seçilen bir ürünün detay bilgilerinin form üzerinde gösterildiğini hatırlatarak devam etmektedir.
- Video, seçilen bir ürünün detay bilgilerindeki değişiklikleri nasıl güncelleyeceğimizi adım adım göstermektedir. Önce enter tuşuna basıldığında bilgilerin form üzerine aktarılması, ardından "Save Changes" butonu eklenerek tüm bilgilerin aynı anda güncellenmesi anlatılmaktadır. Ayrıca, form ve butonların sadece seçilen ürün için gösterilmesi için ng-if kullanımı da gösterilmektedir. Video boyunca Samsung S5, S6 gibi telefon örnekleri üzerinden kodlama ve uygulama gösterilmektedir.
- 00:01Ürün Detay Bilgilerini Güncelleme
- Önceki derste seçilen bir ürünün detay bilgilerinin formu gösterilmişti.
- Ürün detay formunda isim, fiyat, resim URL ve açıklama bilgilerini güncellemek için enter tuşuna basmak gerekiyor.
- Her bir input için ayrı bir event aktif edilmeli ve enter tuşuna basıldığında ilgili bilgiler form üzerine aktarılmalı.
- 01:55Buton ile Tüm Bilgileri Kaydetme
- Tüm değişiklikleri kaydetmek için bir buton eklenebilir.
- Butona tıklandığında, formdaki tüm bilgiler seçilmiş olan ürün için güncellenir.
- Buton için click event oluşturulup, formdaki key-up olayları butona bağlanabilir.
- 03:29Metot ile Güncelleme İşlemi
- Alternatif olarak, client ile bir metot ilişkilendirilerek tüm işlemler metot içerisinde yapılabilir.
- SaveChanges metodu oluşturulup, name, description, fiyat ve image URL bilgileri tek tek gönderilebilir.
- Güncellenecek ürün seçildikten sonra, model.getProductsByID ile ürün bilgileri alınır ve formdaki değerler güncellenir.
- 05:34Seçili Ürün Durumunu Kontrol Etme
- Seçili ürün olmadığı durumda, konsolda hata alınır ve eski değer göstermeye devam eder.
- SaveProduct ve form için ng-if kullanılarak, seçili ürün varsa gösterilmesi sağlanabilir.
- Edit butonuna tıklandığında, seçili ürünün bilgileri form üzerine gelir ve değişiklikler kaydedildiğinde seçim kaldırılır.