«angular-ui-router» etiketlenmiş sorular

UI-Router, bir AngularJS Route konseptini, karmaşık uygulama UI durumlarını yönetmek için daha genel bir Durum kavramına dönüştürür. En önemlisi, iç içe geçmiş durum / görünüm hiyerarşilerine ve birden çok adlandırılmış görünüme izin verir.

15
Angular-route ve angular-ui-router arasındaki fark nedir?
Büyük uygulamalarımda AngularJS kullanmayı planlıyorum . Bu yüzden kullanılacak doğru modülleri bulma sürecindeyim. Arasındaki fark nedir ngRoute (açısal-route.js) ve ui-yönlendirici (açısal-ui-router.js) modülleri? NgRoute kullanıldığında birçok makalede , yol $ routeProvider ile yapılandırılır . Ancak, ui-router ile kullanıldığında , rota $ stateProvider ve $ urlRouterProvider ile yapılandırılır . Daha iyi yönetilebilirlik …

10
AngularJS ui-router giriş kimlik doğrulaması
AngularJS için yeniyim ve aşağıdaki senaryoda açısal "ui-router" ı nasıl kullanabileceğim konusunda biraz kafam karıştı: İki bölümden oluşan bir web uygulaması yapıyorum. İlk bölüm giriş ve kayıt görünümlerinin bulunduğu ana sayfadır ve ikinci bölüm gösterge tablosudur (başarılı girişten sonra). Bir oluşturduk index.htmlonun açısal uygulaması ve ev bölümü için ui-routerkoluna yapılandırma …

3
Ui-router'da ui-sref kullanarak parametreler denetleyiciye nasıl aktarılır
Ben ui-srefui-yönlendirici kullanarak geçmek istiyorum duruma iki parametre geçmek ve almak gerekir . Devleti geçiş için aşağıdaki bağlantıyı kullanarak gibi bir şey homeile foove barparametreleri: <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> Bir denetleyicide alma foove bardeğerler: app.controller('SomeController', function($scope, $stateParam) { //.. var …

18
Mevcut durum nasıl yeniden yüklenir?
Açısal UI Router kullanıyorum ve mevcut durumu yeniden yüklemek ve tüm verileri yenilemek / mevcut durum ve onun üst için denetleyicileri yeniden çalıştırmak istiyorum. 3 eyalet seviyem var: directory.organisations.details directory.organisations , kuruluşların listesini içeren bir tablo içerir. Tablodaki bir öğeye tıklandığında directory.organisations.de yüklenir ve $ StateParams öğenin kimliğini geçer. Ayrıntılar …



2
AngularJS ui yönlendiricisi, verileri URL olmadan durumlar arasında geçirir
Verileri url'de göstermeden iki durum arasında veri aktarma sorunuyla karşı karşıyayım, bu kullanıcı gerçekten bu duruma doğrudan inemeyecek gibi. Örneğin. İki durumum var "A" ve "B". "A" durumunda bir sunucu çağrısı yapıyorum ve çağrının yanıtını "B" durumuna geçiriyorum. Sunucu çağrısının yanıtı oldukça uzun bir dize mesajıdır, bu yüzden bunu url'de …

9
AngularJS UI Router - durumu yeniden yüklemeden url'yi değiştirin
Şu anda projemiz varsayılan kullanıyor $routeProviderve urlsayfayı yeniden yüklemeden değiştirmek için bu "hack" i kullanıyorum : services.service('$locationEx', ['$location', '$route', '$rootScope', function($location, $route, $rootScope) { $location.skipReload = function () { var lastRoute = $route.current; var un = $rootScope.$on('$locationChangeSuccess', function () { $route.current = lastRoute; un(); }); return $location; }; return $location; …

14
$ State.go toParams ve $ stateParams kullanarak parametreler nasıl gönderilir ve alınır?
Ui-router v0.2.0 ile AngularJS v1.2.0-rc.2 kullanıyorum. Ben kullanmak yüzden başka bir devlete yönlendiren devlet geçmek istiyorum toParamsait $state.goşöyle: $state.go('toState', {referer: $state.current.name}); Göre docs , bu doldurmak gerekir $stateParamsüzerinde toStatedenetleyici, ama öyle undefined. Neyi kaçırıyorum? Göstermek için bir yığın yarattım: http://plnkr.co/edit/ywEcG1

3
$ State (ui-router) 'ı $ http interceptor'a enjekte etmek döngüsel bağımlılığa neden olur
Ne elde etmeye çalışıyorum Bir $ http isteğinin 401 hatası döndürmesi durumunda belirli bir duruma (oturum açma) geçiş yapmak istiyorum. Bu nedenle bir $ http engelleyici oluşturdum. Sorun Önleyiciye '$ state' eklemeye çalıştığımda döngüsel bir bağımlılık elde ediyorum. Neden ve nasıl düzeltirim? kod //Inside Config function var interceptor = ['$location', …

6
UI yönlendirici kullanarak bir nesne bir duruma nasıl geçirilir?
Bir duruma geçiş yapabilmek ve ui-yönlendirici kullanarak rastgele bir nesneye geçmek istiyorum. Genellikle $stateParamskullanıldığının farkındayım , ancak bu değerin URL'ye eklendiğine inanıyorum ve kullanıcıların bu verilere yer işareti koymasını istemiyorum. Böyle bir şey yapmak isterim. $state.transitionTo('newState', {myObj: {foo: 'bar'}}); function myCtrl($stateParams) { console.log($stateParams.myObj); // -> {foo: 'bar'} }; URL'ye değerleri …

7
`ui-router` $ stateParams ile $ state.params karşılaştırması
İle ui-router, URL'deki parametrelere erişmek için bir denetleyiciye $stateveya $stateParamsiçine enjekte etmek mümkündür . Bununla birlikte, parametrelere $stateParamsyalnızca ona erişen denetleyici tarafından yönetilen duruma ve üst durumlarına ait parametreleri ortaya çıkarırken $state.params, tüm alt durumlar dahil tüm parametrelere sahiptir. Aşağıdaki kod göz önüne alındığında, URL'yi doğrudan yüklersek http://path/1/paramA/paramB, denetleyiciler yüklendiğinde …

8
RouteReuseStrategy shouldDetach'i Angular 2'de belirli rotalar için uygulama
Yönlendirme uyguladığım ve gezinirken durumların depolanmasını istediğim bir Angular 2 modülüm var. Kullanıcı şunları yapabilmelidir: 'arama formülü' kullanarak belgeleri arayın sonuçlardan birine git sunucuyla iletişim kurmadan 'arama sonucuna' geri dönün Bu dahil mümkündür RouteReuseStrategy. Soru şudur: Belgenin saklanmaması gerektiğini nasıl uygulayabilirim? Dolayısıyla yol yolu "belgeleri" durumu saklanmalı ve yol yolu …

7
$ Kapsamını bir açısal hizmet işlevine () enjekte etmek
Hizmetim var: angular.module('cfd') .service('StudentService', [ '$http', function ($http) { // get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if not already exists //else update the existing object this.save = function (student) { if …


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.