AngularJS ng-submit attribute’ü ile normal submit işlemi yanısıra ng-click’de olduğu gibi bir javascript fonksiyonu belirtilip daha sonra submit edilen değişkenler üzerinde gerekli işlemlerimizi gerçekleştirebiliyoruz.

İçerik göster

AngularJS ng-submit ile form submit işlemini gerçekleştirme ve değişkenlere ulaşma

Bu örneğimizde ng-submit kullanımı ile form’dan alacağımız yeni adı listeye eklemeyi göreceğiz.

Örnek

HTML

<!DOCTYPE html>
<html ng-app="demo">
  <head>
    <script src="https://code.angularjs.org/1.4.0-beta.4/angular.js"></ script>
    <script src="script.js"></ script>
  </head>

<body ng-controller="MainController">
<h1>ng-submit Demosu</h1>

    <label>Adlar</label>
    <ul>
      <li ng-repeat="ad in adlar">{{ad}}</li>
    </ul>
    <form ng-submit="adEkle()">
      <input ng-model="yeniAd" />
      <input type="submit" />
    </form>
  </body>
</html>

<!DOCTYPE html>

<head>

</head>

<h1>ng-submit Demosu</h1>

<label>Adlar</label>

<ul>

</ul>

</form>

</body>

</html>

Javascript

var app = angular.module("demo", []);
app.controller("MainController", ["$scope", function($scope){
  $scope.adlar = ["Murat","Hakan","Kasım"];
  $scope.adEkle = function(){
    $scope.adlar.push($scope.yeniAd);
    $scope.yeniAd = '';
  }
}]);

var app = angular.module("demo", []);

app.controller("MainController", ["$scope", function($scope){

$scope.adlar = ["Murat","Hakan","Kasım"];

$scope.adEkle = function(){

$scope.adlar.push($scope.yeniAd);

$scope.yeniAd = '';

}

}]);

Sonuç

5/5 - (2 votes)

Kategoriler

Bloga e-posta ile abone ol

AngularJS Ng-submit İle Form Submit İşlemini Gerçekleştirme Ve Değişkenlere Ulaşma

AngularJS ng-submit ile form submit işlemini gerçekleştirme ve değişkenlere ulaşma

Örnek

HTML

Javascript

Sonuç

2 Responses

Bir yanıt yazın Yanıtı iptal et

AngularJS ng-submit ile form submit işlemini gerçekleştirme ve değişkenlere ulaşma

Örnek

HTML

Javascript

Sonuç

2 Responses

Bir yanıt yazın Yanıtı iptal et

Murat Öner sitesinden daha fazla şey keşfedin