AngularJS Notlarım – 2

AngularJS

AngularJS’de MVC yapısı olduğunu söyledim mi bilmiyorum. Bunu en temelden öğrenmek gerekirse size ilk olarak bir controller’ın nasıl oluşturulacağını göstermek istiyorum.

AngularJS Controller Yapısı

İlk olarak ng-app direktifini uyguluyorum.

<div ng-app>
    kodlar..
</div>

Bir controllerı kullanmak için ng-controller direktifini kullanıyoruz.

<div ng-app>
     <div ng-controller="testController">
         {{ mesaj }}
     </div>
</div>

Şimdi testController adında bir controller kullanacağımı söylüyorum. Ve mesaj değerini ekrana yazdırıyorum. Bu mesaj değerini controller içerisinde modelde tanımlayacağız. Hemen bir js dosyası oluşturup controllerı yazmaya başlayalım.

var testController = function($scope){
    $scope.mesaj = "Merhaba AngularJS!";
};

Evet gördüğünüz gibi $scope adında bir parametre aldı fonksiyonumuz. $scope bizim modelimiz. Daha aldığı birçok parametre var, bunlar servis olarak adlandırılıyor. Ayrıntılı olarak şuradan bakabilirsiniz: https://docs.angularjs.org/api/ng/service

Kısaca özetlemek gerekirse;

angularjs-mvc

Demo

Yayınlayan

Tayfun Erbilen

2009’dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“AngularJS Notlarım – 2” üzerine 4 yorum

    1. Eğer laravel’de kullanmak istiyorsan çözümleri var aslında.
      http://scotch.io/bar-talk/quick-tip-using-laravel-blade-with-angularjs

      Ya AngularJS’de etiketleri ya da Laravel’de etiketleri değiştirebiliyorsun.

      var myApp = angular.module('myApp', [], function($interpolateProvider) {
      	$interpolateProvider.startSymbol('[[');
      	$interpolateProvider.endSymbol(']]');
      });

      artık {{ mesaj }} yerine [[ mesaj ]] şeklinde kullanabilirsin örneğin.

  1. Bu $scope’un bir anlamı var mı? Tüm kaynak bu değişkeni kullanmış, Yoksa değiştirilebilir bir şey mi?

Bir Cevap Yazın

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