Grundproblem mit Ionic und Angulars Direktive

Question

Ich arbeite an einem Projekt mit Ionic, also benutze ich auch Angular 1. Ich kenne dieses Framework nicht gut (ich bevorzuge wirklich, was Google mit Angular 2 gemacht hat: -)).

Grundsätzlich möchte ich nur ein neues HTML-Element (eine Direktive) erstellen und es in einer Ansicht meiner ionischen App verwenden.

Hier ist, wie ich meine Richtlinie erklären:

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

Ich habe ein sehr einfaches und statisches HTML-Template und einige SCSS aber das ist nicht wichtig. In meinem home.html, würde Ich mag meine Anweisung wie folgt verwenden:

<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> 

Meine js-Datei, die Richtlinie beschreibt, ist gut geladen, aber meine Richtlinie ‚macht‘ nicht. Während des Debuggens kann ich das HTML-Tag sm-location-sheet, aber keine Vorlage sehen. Außerdem sollte es durch meine hmtl-Datei ersetzt werden.

Answer 1

Nun, dank dfsq, habe ich mein Problem gefunden. Die Vorlage wurde nicht geladen. Hier sind einige nützlichen Links, warum (vor allem mit ionischen :)) zu verstehen:

Couldn't load template using templateUrl in Angularjs

AngularJS Failed to load template