AngularJS ng-switch Directive

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.

Hackathon Ardından

Merhaba arkadaşlar geçen hafta katıldığım Hackathon ardından nasıl geçtiği ve kazandığım tecrübeleri paylaşmak istedim. Öncelikle Hackathon nedir bundan biraz bahsedeyim. Facebook bir çok ürününü Hackathon’lar sayesinde ortaya çıkarmıştır yani bir gecelik hazırlanan projelerdir. Hackathon’nun temel prensibi 24 saat veya etkinliği düzenleyen organizasyona bağlı değişebilen saat dilimi arasında sıfırdan bir proje yapmaktır. Benim katıldığımda ise 42 saatti bu saat aralığında bütün yeme içme organizasyon tarafından karşılandı. Öncelikle Hackathon insanlar arasındaki iletişimi geliştirmenize yardım ediyor oraya hiç tanımadığınız insanlar geliyor ve sizinle takım arkadaşı olabiliyor veya fikir alışverişi yaparak etkileşime giriyorsunuz.

20150416113401

Tabi verilen saati verimli kullanmak lazım :) 42 saat boyunca takım arkadaşım 4-5 saat uykuyla durdu. Tabi ben o kadar dayanamadım 😀 Hackathon medya uygulaması üzerineydi bizim uygulama fikrimizde herkesin haber paylaşabileceği bir platform oluşturmaktı yarışma sonunda uygulamamız hazır hale geldi son bir cilalama yaptıktan sonra Google Play eklicez. Yarışmada kullandığımız diller Angular JS ve CodeIngiter tabi bunları Ionic Framework ile kullandık. Uygulamanın sonunda 2 dk sunumlar ile uygulamayı tanıttık sunuma hazırlıksız girdiğimiz için biraz sıkıntı oldu. 😀 Yarışma hakkındaki diğer detaylara buradan ulaşabilirsiniz.
20150416113401 (1)