关于angularjs：ng-include with ion-nav-bar不显示

ng-include with ion-nav-bar not displaying

我在使用离子导航栏中的ng include时遇到了一个问题。ng include(d)离子导航条形码不显示(但也包括在内)。

代码如下：

1
2
3
4
5

<ion-view title="test">
<ng-include src="'partials/header-list.html'"></ng-include>
<ion-content padding="false">Test</ion-content>
<ng-include src="'partials/footer-badges.html'"></ng-include>
</ion-view>

partials/header-list.html的内容是：

1
2
3
4

<ion-nav-bar class="bar-positive">
<ion-nav-back-button class="button button-clear ion-chevron-left"> Back </ion-nav-back-button>
</ion-nav-bar>
<ion-nav-buttons side="right"> Home </ion-nav-buttons>

这被渲染为：

1
2
3
4
5

<ng-include src="'partials/header-list.html'" class=""><ion-nav-bar class="bar-positive bar bar-header nav-bar nav-title-slide-ios disable-user-behavior invisible">
<ion-nav-back-button class="button button-clear back-button ng-hide"> Back </ion-nav-back-button>
<h1 ng-bind-html="title" class="title ng-binding">
<span class=""> Home </span></ion-nav-bar>
<ion-nav-buttons side="right" style="display: none;"></ion-nav-buttons></ng-include>

我可以看到离子导航条被设置为class=invisible，离子导航按钮被设置为display:none。

为什么会发生这种情况？当在ng include中使用导航栏时，我该怎么做才能使其显示？

谢谢梅因特

根据Artofcode的要求，请在下面找到完整的代码。我所采用的方法也与"导航爱奥尼亚的头部"公式中给出的爱奥尼亚团队的建议有关。

我使用进行常规导航，并通过特定的对该导航应用异常。这种方法的一个例子：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<ion-view hide-nav-bar="true">

<ion-header-bar align-title="center" class="bar-dark">

Back

<h1 class="title">

</ion-header-bar>

<ion-content class="has-header">
</ion-content>

</ion-view>

另外，我想补充一点，我发现角度指令为可重用性提供了一种比使用自己最初设想的ng include更好的方法。学习经历的所有部分：—)

我也遇到了同样的问题。beta14应该用新的方法来克服导航条的问题。在此之前，我使用：

1	<ion-view hide-nav-bar="true">

使用代替，可以毫无问题地包括在内。注意，它应该用于非标准视图。

一个例子：

1
2
3
4
5
6
7
8
9
10
11

<ion-view hide-nav-bar="true>
<ion-header-bar class="bar-positive">
<h1 class='title'>
Hello!

</ion-header-bar>

<ion-content class="has-header">
Content
</ion-content>
</ion-view>