2016-04-10 27 views
1

İyonik kullanarak bir proje üzerinde çalışıyorum, bu yüzden de Angular 1 kullanıyorum. Bu çerçeveyi iyi bilmiyorum (Google'ın Angular 2 ile yaptıklarını gerçekten tercih ediyorum: -)).İyonik ve Açısal yönerge ile ilgili temel sorun

Temel olarak, yeni bir HTML öğesi (direktif) oluşturmak ve onu iyonik uygulamamın görünümünde kullanmak istiyorum.

app.directive('smLocationSheet', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     replace: true, 
     scope: {}, 
     templateUrl: './locationSheet.html' 
    } 
}); 

Ben çok temel ve statik HTML şablonu ve bazı SCSS var ama bu önemli değil: İşte

benim yönergesi beyan nasıl. benim home.html İçinde, böyle benim yönergeyi kullanmak istiyorum: yönergesi açıklayan

<ion-view id="homeView" style="position: static !important;" view-title="Accueil" ng-init="init()"> 
    <ion-content class="has-tabs"> 
     <div id="map" data-tap-disabled="true"></div> 
     <sm-location-sheet></sm-location-sheet> 
    </ion-content> 
</ion-view> 

Benim js dosyası iyi yüklendikten ama benim yönergesi 'hale' etmez. Hata ayıklama sırasında, sm-location-sheet html etiketini görebiliyorum, ancak şablon yok. Ayrıca, benim hmtl dosyam ile değiştirilmelidir.

+0

şablon yüklendiğinden emin misin ağ sekmesinde hiç 404: İşte neden (özellikle iyonik :) ile) anlamak için bazı faydalı linkler mı? Direktif aynı açısal modülde kayıtlı mı? Bağlantı işlevine giriyor, orada hata ayıklayıcısını yerleştiriyor musunuz? – dfsq

+0

Üzgünüm, benim kötüyüm. Gerçekten şablon dosyam yüklenmedi. 'Şablon yüklenemedi: ./locationSheet.html (HTTP durumu: 0)'. Ayrıca, benim 'app' dışında bir açısal modül beyan etmedim. Html dosyasının yolu doğru –

cevap