Question

我正在使用Ionic开发一个项目，所以我也在使用Angular 1。我不太了解这个框架（我真的更喜欢Google用Angular 2做的事情： - ））。

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

以下是我如何宣布我的指令：

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 ，我发现了我的问题。模板未加载。这里有一些有用的链接可以理解为什么（尤其是离子:)）：

Couldn't load template using templateUrl in Angularjs

AngularJS Failed to load template

Ionic和Angular指令的基本问题

1 个答案: