2016-04-10 11 views
0

Uygulamada çok sayıda küçük HTML dosyası var. Bunları bir çeşit şablonla bir araya getirebileceğim ve hepsini aynı anda toplayabilmemin bir yolu var mı? Bu AngularJS veya ui yönlendirici işlevselliği olurdu ya da bu seçenek mevcut olsa bile emin değilim. Şimdiye kadar bakmadı ve ui yönlendirici ile bunu yapan insanların herhangi bir örneğini görmedim. Bazı iyi geribildirim veya bazı örnekler almak dileğiyle.html dosyamı sadece bir kez UI yönlendirici uygulaması olan bir Angular 1.4 ile yükleyebilir miyim?

cevap

2

Evet, mümkün. <h2>World</h2>

içeren, <h1>Hello</h1>

  • Partials/Bar.html içeren,

    • Partials/foo.html ve bu ikisinin templateUrl değerini oluşturmaktadır: Bu iki html dosyaları olduğunu varsayalım eyaletlerin

      Sen kodu bu tür içeren bir JS dosyası oluşturabilirsiniz:

      yüklü ise
      angular.module("templates").run(
          function($templateCache) { 
          $templateCache.put('partials/foo.html', '<h1>Hello</h1>'); 
          $templateCache.put('partials/bar.html', '<h2>World</h2>'); 
          } 
      ]); 
      

      , bu nedenle şablonlar saklamak için açısal kullandığı önbellek önceden doldurmak olacaktır dosyayı JS ve yönlendirici böylece gerek kalmayacak onları arkadan al.

      Yığın (ve muhtemelen homurdanan) eklentileri, yapım aşamasında sizin için yapıyor. Hızlı bir google araması bunu şu şekilde buldu: örneğin: https://www.npmjs.com/package/gulp-angular-templatecache

  • İlgili konular