ui yönlendirici: target = "_ blank" ile yeni sekmede açık durumu, paramlar kayboldu

Question

Bir tablonun her birinde bir düğmenin olduğu bir açısal uygulama yapıyorum ve bu düğmelerin tıklanması üzerine yeni bir sekme olmalı Düğmenin açık olduğu satır için açıldı.

Parametreleri bu şekilde oluşturulan yeni sekmeye geçirmem gerekiyordu. Ben devlet başlatma parametreyi ilan ettik:

.state('viewlisting', { 
    url: "/listings/:id", 
    params: { 
    'action': '', 
    }, 
    controller: 'ListingsController', 
    templateUrl: "partials/listings/view_listing.html" 
}); 

ve düğme böyle bir şey vardır: parametreler içinde geçirilen

ui-sref='viewlisting({id:"+data+", action:"images"})' 

beklendiği gibi, her şey çalışıyor.

//URL: /#/listings/42 
$state.params.action //returns "images" 
$state.params.id //returns "42" 

Ama <a> etiketine target="_blank" ekleyerek aşağıdaki dönmek için $ state.params nesne neden:

saatlerce aramalara

//URL: /#/listings/42 
$state.params.action //returns "" 
$state.params.id //returns "42" 

, ben ui-yönlendirici belgelerine baktım ve durum izleyicimi durumumu ele alan bir şey için sorun ama hiçbir şey bulamadım.

Durum parametreleri target='_blank' 'da ui-sref bağlantılarından geçmiyor mu?

Answer 1

akım SPA bağlamında (yeni pencere, yeni sekme) dışında kullanılamaz olmalıdır herhangi bir parametre varsa - bu must url parçası olmak.

Bu çalışacaktır:

.state('viewlisting', { 
    // instead of this 
    // url: "/listings/:id", 
    // this will keep the action in a new window 
    url: "/listings/:id?action", 
    params: { 
    'action': '', 
    }, 
    controller: 'ListingsController', 
    templateUrl: "partials/listings/view_listing.html" 
}); 

Daha fazla bilgi URL kullanarak olmadan başka yolu yoktur How to pass parameters using ui-sref in ui-router to controller

Answer 2

parametreler hakkında. URL yerine LocalStorage'u kullanabilirsiniz.

Bağlantı etiketinde ng-click kullanın ve bir işlevi çağırın. Fonksiyonda parametrelerinizi LocalStorage'a yerleştirin. Sonra app.run'da $rootScope.$on("$stateChangeStart") kullanın ve LocalStorage parametrelerinin olup olmadığını kontrol edin. Ardından, params numaralı telefonu alın venumaralı telefonu params ile arayın.