AngularJS state çağırma,aktif etme (parametreli, parametresiz) kodu çeşitleri kullanımı örneği (AngularJS state calling,activate (with param, free param) code types usage example)

AngularJS “state” aktif etmemin 3 ana yolu mevcuttur.
Bunlar,
1- Direk ve en basit hali ile ulaşım $state.go()
2- Bağlantıya tıklama sonucu ui-sref aracılığı ile yönelme
3- İlgili URL adresine ulaşılarak

aşağıdaki “state” çağırma şekillerinde “state” tanımının “user.list” olduğunu kabul ediyoruz.
1-
a ng-click state.go(‘user.list’)
a ng-click state.go(‘user.list’, {accountId: userUniqueName}) => parametre göndererek
a ng-click state.go(‘user.list’, {accountId: ‘oğuz’}) => parametre göndererek
a ng-click state.go(‘user.list’, {accountId: 005}) => parametre göndererek
2-
a ui-sref user.list
a ui-sref user.list()
a ui-sref user.list({accountId: userUniqueName}) => parametre göndererek
a ui-sref user.list({accountId: ‘münevver’}) => parametre göndererek
a ui-sref user.list({accountId: 0}) => parametre göndererek
3-
a href=”#/user”
a href=”main.html#/user”
a href=”#/user/ethem” (tanımlı URL adresimiz “/user/:accountId” dir)

Parametre kullanımında iz/yol(path) ve sorgu(query) parametreleri geçerken aralarında herhangi bir fark yoktur, ikiside aynı şekilde gönderilir.

JavaScript dosyanızdan “Controller” üzerinden aşağıdaki gibi AngularJS “state” çağırabilirsiniz.

$state.go("users");

HTML üzerinde ise ui-sref i tercih edebilirsiniz

Gelen parametrelerin ise “Controller” da kullanımında bize yardımcı olan servis “$stateParams” dır, kullanımı ise şöyledir.

function UsersController($state, $stateParams) {
 
    userName = $stateParams.userName;

}
Share on Facebook1Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

Leave a Reply


*