2012-12-06 28 views
32

html sayfasını açısal j'ler içinde başka bir tanesine yerleştirmek mümkün mü?Açısal JS ve kısmi

Eğer öyleyse, nasıl yapılır?

Here öğreticilerinde, kısmi sayfada gömülü değildir, ancak öğelerden birine tıkladığınızda gittiğiniz farklı sayfalar gibidir. (see demo)

cevap

32

Evet, bunu ngInclude yönergesini kullanarak yapabilirsiniz. değil ne ihtiyaç vardır http://docs.angularjs.org/api/ng.directive:ngInclude

+22

Bu çok korkunç. Örneğin, ilk HTML yükünde yeniden kullanılabilir bir parça olarak yeni bir istek çağırarak bir kısmi eklemenin bir yolu yok mu? – davidgoli

+0

Tam olarak ihtiyacım olan şey. Açıkçası, bu idareli bir şekilde kullanılmalı, ancak giriş formumu yeniden oluşturmak için mükemmel bir şekilde çalıştı. – RevNoah

+9

@davidgoli, bildiğim kadarıyla, sıralı önbellekler, sonraki istekleri önlemek için şablonlar yükledi. –

6

ng-include varsa, açısal-ui-yönlendirici modülünü kontrol etmek isteyebilirsiniz:

dokümanlar ve burada örneğe bakın. İç içe ve paralel görünümler yapmanıza izin verir ... Bu harika, esnek, kullanımı kolay ve iyi belgelenmiştir. https://github.com/angular-ui/ui-router

7

@Wilt doğru, ama burada kök şablonunda (https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view itibaren) daha spesifik bir bağlantı ve bir kod örneğini

geçerli:

<div ui-view></div> 
<div ui-view="chart"></div> 
<div ui-view="data"></div> 

Ve app.config fonksiyonu

yılında
$stateProvider.state("home", { 
    views: { 
     "": { 
      template: "<h1>Some HTML</h1>" 
     }, 
     "chart": { 
      templateUrl: "templates/chart.html" 
     }, 
     "data": { 
      template: "<data_thing/>" 
     } 
    }  
})