AngularJS’deki repeater aslında c# ve benzeri programlama dillerinde foreach döngüsüne karşılık gelmektedir. ng-repeater kullanımı ile makale devamında örneklerle anlatmaya çalışacağım.

İçerik göster

AngularJS ile repeater kullanımı

Bu örneğimizde demo adında bir modül oluşturup bu modül içerisine bir adet MainConrtoller adında bir controller oluşturuyoruz ve bu controller içerisinede adlar diye bir array değişken tanımlıyoruz. Html tarafında ise bu adları ng-repeat direktifi liste UL elemanına bastırıyoruz.

Ö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">
    <ul>
      <li ng-repeat="ad in adlar">{{ad}}</li>
    </ul>
  </body>
</html>

<!DOCTYPE html>

<head>

</head>

<ul>

</ul>

</body>

</html>

Javascript

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

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

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

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

}]);

Sonuç

5/5 - (1 vote)

Kategoriler

Bloga e-posta ile abone ol

AngularJS İle Repeater Kullanımı

AngularJS ile repeater kullanımı

Örnek

HTML

Javascript

Sonuç

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

AngularJS ile repeater kullanımı

Örnek

HTML

Javascript

Sonuç

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

Murat Öner sitesinden daha fazla şey keşfedin