Merhaba arkadaşlar vakit buldukça AngularJS ile ilgili yazı yazmaya çalışıyorum.Bu yazıda ng-switch alakalı basit bir uygulama paylaşacağım. Javascript kısmında bir modül oluşturalım.
var myapp = angular.module("myapp", []); |
daha sonra modül üzerinde bir controller oluşturalım. İlk parametre Controller’ın adı ikinci parametre ise fonksiyonumuz.
myapp.controller("MyController", function($scope) { } |
ng-switch adından da anlaşılacağı gibi bir koşul durumu için kullanılan bir direktiv bu kontrolü ng-switch-when ile yapıyoruz. Controller içindeki verilere $scope ile ulaşıyoruz. Bir örnek ile olayı daha iyi anlayalım.
oluşturduğumuz divde ng-switch on=”myData.switch” ile switch degerini sınıyoruz.
<div ng-switch-when="1">1. Durum</div> <div ng-switch-when="2">2. Durum</div> <div ng-switch-default>1. Durum ve 2. Durum dışında</div> |
şekildeki 3 durumdan birini controllerın içindeki switch değerine göre yazdırıyoruz.
bu yazıyı burada sonlandırıyorum herkeze iyi çalışmalar.
