ras*_*sen 7 angularjs angularjs-directive ionic-framework
我正在使用Ionic框架来创建一个应用程序.
我需要能够重用和更改我的应用程序标头,所以我使用我的工作标记将我的两个不同的标头声明为指令.
app.directive('headerSidebar', function(){
return {
templateUrl: 'templates/header-main.html',
restrict: 'E'
};
});
app.directive('headerBack', function(){
return {
templateUrl: 'templates/header-back.html',
restrict: 'E'
};
});
当我尝试调用指令时<header-sidebar></header-sidebar>或<header-back></header-back>没有任何反应.
我的HTML是有效的,我的模板网址是正确的.我试过更改我的指令和模板的名称,但没有任何效果.
我正在使用Ionic侧边栏布局,我在我的内部调用我的指令ion-nav-view:
<body ng-app="starter">
<ion-side-menus>
<ion-side-menu-content>
<ion-nav-view></ion-nav-view>
</ion-side-menu-content>
<sidebar></sidebar>
</ion-side-menus>
</body>
有关如何解决此问题或重新组织我的代码以更好地包含标题栏的任何建议？
我的问题最终与你的问题有所不同.经过进一步检查,我意识到我的所有templateUrls之前都有一个"/",这实际上是导致问题的原因