06_AngularJs_ngClick_ngSubmit

Merhaba arkadaşlar, bu yazımda sizlere ng-click ve ng-submit direktiflerini anlatacağım.

  • ng-click => ngClick direktifi, bir öğeye tıklanıldığında özel davranış belirlememizi sağlar.
  • ng-submit =>ngSubmit direktifi, form gönderildiğinde çalıştırılacak olan işlevi belirtir. Form bir işlem yapmazsa ng-submit, formun gönderilmesini önler.

Şimdi bir örnek üzerinde anlatalım:

İndex.html

App.js

Controllerımızın içerisinde persons adında bir nesne oluşturuldu. Persons nesnesinin name, surname, age vb özellikleri var.  $scope nesnesi kullanılarak ilk atamalar yapılıyor.

ng-repeat direktifi sayesinde ekrana yazdırılıyor. Ng-click direktifi kullanılarak $scope nesnemizde bulunan removePerson() metoduna parametre olarak silinmek istenen nesne gönderiliyor ve siliniyor.

Form içerisinde ng-submit direktifi ile yine $scope nesnemizde bulunan addPerson() metodumuz çağrılıyor ve ng-model ile alınan verilerini form şeklinde submit ediyor ve kişi persons nesnemize ekleniyor.

Bu yazımda sizlere ng-submit ve ng-click direktiflerini anlatmış oldum diğer yazılarımda görüşmek üzere…

Print Friendly, PDF & Email

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir