2013-06-24 17 views
11

2 Düzen dosyam var. Düzen-1 Düzen-2Angularjs içinde farklı bir düzen nasıl yüklenir

rota /oneLayout-1 yükler, ama şimdi bir bağlantı /two tıklarsanız o bana dosyayı alır, ama ben vurursam Layout-1 ile yerine i istediğiniz başlangıç ​​noktasıdır /two, Layout-2 yüklenmelidir.

Sayfayı yenilediğimde, sunucuya doğrudan doğruya vurduğumda doğru olanı buluyorum. Sunucudan yüklenecek düzeni belirtmek için açısaldan herhangi bir yol var mı?

Teşekkürler. istemci tarafı yönlendirme için durursa

+1

ng görünümünde $ routeprovider ile rotaları yapılandırmak için örnekler mevcuttur. –

+2

adresinde farklı LAYOUT dosyalarında oluşturulmuş şablonları bulabileceğim herhangi bir örnek bulamadım. –

cevap

1

i sorun UI-Router

yardım :)

+8

Biraz daha açıklayabilir misiniz? Şu anda aynı sorunla karşı karşıyayım. İçindekileri her bir dizinin içinde index.html ve index-dashboard.html var ve düzeni değiştiremiyorum –

+0

evet, eğer örnek kod gönderirseniz harika olurdu, eğer yüklediğiniz UI yönlendiricisini nasıl uyguladınız? farklı düzen –

+1

Hey Aamir, sorunu çözen şeyi paylaşmayı düşünür müsün? Cevap vermeden kendi cevabınızı kabul etmek gerçekten yararlı değildir. – wegginho

0

o zaman Senin başka url/eylem

Here ben için ayrı bir şablon ve denetleyici tanımlamak sağlayacak bu

var app = angular.module('app', []); 

app.config(function($routeProvider){ 
    $routeProvider 
    .when('/one', {templateUrl: 'tmpl1.html'}) 
    .when('/two', {templateUrl: 'tmpl2.html'}) 
    .otherwise({redirectTo: '/one'}); 
}); 

için bir rota yazmak için $routeProvider kullanmalıdır nasıl çalıştığına dair örnek bir çalışma yaptı.

o serverside yönlendirme hakkında ise, manual okuyup bu gibi kullanmak: Sonunda

match 'two' => 'controller#action' 
+1

bu tam olarak ne yapıyorum. Ancak tmpl1.html tmpl2.html kısmi olarak verilmiştir. İstediğim şey, bu kısmi parçaları farklı bir düzende yüklemek ... bana yardımcı olabilirsiniz ... teşekkürler –

+0

plnkr örneğine bakın. Karşılık gelen şablonları (kısmi olarak?) Ng-view' ile işaretlenmiş div'a yükler. Ana düzen index.html. Bu örneğe göre, neyi değiştirmek istediğinizden emin değilim? – SET

+0

tmpl * .thml dosyaları yerine index.html dosyasını değiştirmek ister misiniz? – SET

1

Yükleme için teşekkürler kullanılarak çözülmektedir var yeni düzen şablonu, yeni javascript ve css dosyalarıyla gömülü yeni html yüklemesi anlamına gelir. Bu, sayfayı yeni konuma yönlendirmekle eşittir. $window.location.href="new/layout/template"'u kullanabilirsiniz. Daha fazla bilgi için angularjs developer guide'u okuyun.

İlgili konular