2013-04-19 22 views
9

Plunker içindeki belirli bir dosyaya bağlanabilir miyim? Özellikle, ben bina olduğum bir direktif HTML yansıtmak için bir direktif içinde açısal yönettiği "templateUrl" kullanmak istiyorum:ŞablonUrl ile Açısal Direktif - Plunker'da Sorun mu var?

Bir HTML şablonu içerir "groupedList.html" adlı bir dosya var
myApp.directive('groupedlist', function() { 
    return { 
    restrict: 'E', 
    scope: true, 
    templateUrl: '/groupedList.html', 
    link: function() {} 
    }; 
}); 

, ama bunlar bir Plunker projesinde mantıksal dosyalar gibi görünüyor - browsered benim groupedList.html bulamadığı için şikayet ediyor. Plunker kullanarak yapmaya çalıştığım şeyi yapmak mümkün mü? "Şablon" özelliğini kullanmamayı tercih ediyorum, çünkü dışlamak istediğim önemsiz miktarda HTML içeriği yok.

+3

Göreceli yollar. Bunun yerine 'templateUrl: 'groupedList.html' seçeneğini kullanın. –

+1

Teşekkürler, ama bu işe yaramıyor. Tarayıcı, bu url'yi yüklemeye çalışmakta ve bu URL'yi yüklemiyor: http://run.plnkr.co/groupedList.html – blaster

+1

Çalışması gerekir. Senin plunker için bir bağlantı sağlayabilir misiniz? –

cevap

4

templateUrl mutlak URL'lerle çalışmaz, bunun yerine göreli URL kullanın ('./page.html' veya '../templates/page.html' gibi). Web sitesi şablonuna şablonlar yüklemeniz gerekiyorsa, bir istek (XMLHttpRequest) yapabilir ve STRING HTML'yi şablon olarak ayarlayabilirsiniz.

0
Rafael söyledi, ama sadece eklemek ... i, kullanımını yaptığımız gibi bir alt klasörde dosya koyarsanız Gibi ne

: templateUrl: 'app/home.html', styleUrls: ['app/home.css'],

Sen './home.html' çalışacak düşünürdüm ama olsa bile değil benim bileşen aynı klasörde.

İlgili konular