Ionic和Angular指令的基本问题

Question

我正在使用Ionic进行一个项目，所以我也在使用Angular 1。我不太了解这个框架（我真的更喜欢谷歌对Angular 2:-所做的）。

基本上，我只想创建一个新的HTML元素（一个指令），并在我的ionic应用程序的视图中使用它。

以下是我如何声明我的指令：

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

我有一个非常基本的静态HTML模板和一些SCSS，但这并不重要。在我的home.html中，我想像这样使用我的指令：

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

描述该指令的js文件加载良好，但我的指令没有"呈现"。在调试过程中，我可以看到html标记sm-location-sheet，但没有模板。此外，它应该被我的hmtl文件所取代。

Answer 1

好吧，多亏了dfsq，我发现了我的问题。未加载模板。以下是一些有用的链接来理解为什么（特别是与离子：）：

无法'；t使用Angularjs 中的templateUrl加载模板

AngularJS加载模板失败