<ion-tab>不工作的离子框架</ion-tab>

时间:2015-03-07 07:43:08

标签: android cordova visual-studio-2013 tabs ionic-framework

我使用Visual Studio 2013 Community Edition构建Cordova应用程序。我也使用离子框架作为前端。我是Ionic框架的新手。当我在home.html文件中使用<ion-tab>时,输出没有显示标签...这是我的代码..提前谢谢

此处包含头标记

    

<script src="scripts/ionic.bundle.js"></script>

<script src="scripts/jquery-1.11.2.min.js"></script>

<script src="scripts/jquery.dropdown.js"></script>

这是我在body标签中的代码

<div class="bar bar-header bar-calm">
    <button id="upload-button" class="button icon ion-upload" onclick="window.location.href='test.html'"></button>
    <h1 class="h1 title">Outdoor App</h1>
    <button id="refresh-button" class="button icon ion-refresh" onclick="window.location.reload()"></button>


</div>
<div class="bar bar-header bar-calm">
    <button id="upload-button" class="button icon ion-upload" onclick="window.location.href='test.html'"></button>
    <h1 class="h1 title">Outdoor App</h1>
<button id="refresh-button" class="button icon ion-refresh" onclick="window.location.reload()">
</button>
</div>
<ion-tabs class="tabs-positive tabs-icon-only">

<ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">

</ion-tab>

<ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">

</ion-tab>

<ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">

</ion-tab>

</ion-tabs>

 <script src="scripts/home.js"></script>

<ion-tab>标记在纹波仿真器和设备中都不起作用。

1 个答案:

答案 0 :(得分:1)

如果您正在寻找替代方案,那么下面提到的代码将取代这些代码。

<ion-tabs>
<a class="tab-item">Home</a>
<a class="tab-item">About</a>
<a class="tab-item">Settings</a>
</ion-tabs>