gpt4 book ai didi

angularjs - Angular 指令未在 ionic 应用程序中呈现

转载 作者:行者123 更新时间:2023-12-04 11:23:42 26 4
gpt4 key购买 nike

我正在使用 Ionic framework创建应用程序。

我需要能够重用和更改我的应用程序 header ,因此我使用我的工作标记将两个不同的 header 声明为指令。

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 是有效的,我的模板 url 是正确的。我尝试更改指令和模板的名称,但没有任何效果。

我正在使用 Ionic sidebar layout我在我的 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 之前都有一个“/”,这实际上是导致问题的原因

关于angularjs - Angular 指令未在 ionic 应用程序中呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27036441/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com