"Ionic和Angular指令的基本问题"

34 浏览
0 Comments

"Ionic和Angular指令的基本问题"

我正在使用Ionic框架开发项目,因此我也使用Angular 1。

我不熟悉这个框架(我更喜欢Google使用Angular 2的方式:-))。

基本上,我只想创建一个新的HTML元素(一个指令)并在我的Ionic应用程序视图中使用它。

这是我声明指令的方式:

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

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

    
        
    

我的描述指令的js文件已经加载完毕,但我的指令没有显示出来。在调试期间,我可以看到html标记sm-location-sheet,但没有模板。此外,应该被我的HTML文件替换。

admin 更改状态以发布 2023年5月25日
0
0 Comments

好的,感谢dfsq,我找到了我的问题所在。模板没有被加载。以下是一些有用的链接,可以帮助理解为什么(特别是与ionic相关的):

无法使用templateUrl在Angularjs中加载模板

AngularJS无法加载模板

0