in ionic如何在顶部添加固定徽标栏

我刚开始使用混合应用程序的离子框架，并且一直停留在大门口！我想要一个带有徽标和搜索图标的固定顶部栏;然后剩下的内容由 - 内容依赖的上下文依赖菜单组成。in ionic如何在顶部添加固定徽标栏

我从离子网站的一个启动应用程序“sidemenu”开始并对其进行了修改。

<ion-nav-bar class="logo-bar"> 
    <button class="button button-clear"> 
     <img class="pull-left" src="img/YourCompany-trans.png"> 
    </button> 
    <div class="title icon ion-search" ng-click="doSearch()"> 
    </div> 
    <button class="button button-clear"> 
     <img class="pull-right" src="img/MyCompanyLogo.png"> 
    </button> 
</ion-nav-bar> 

<ion-nav-view> 
</ion-nav-view> 

</body>

可是我的标志/搜索栏不会出现在所有。如果我删除ion-nav-view那么我可以看到它。我尝试了其他组合，将其置于导航视图内，使用离子内容，但仍然卡住。

这样做的正确方法是什么？离子文档相当稀少。

来源

2014-12-06 Dinesh

-1

ion-nav-view用于导航和路由视图。

如果你真的想看到你的标题，你必须做很多事情。

配置您的路线。
为每个路径URL开发相应的HTML页面/ HTML模板。
连接东西并运行。

HTML：

<ion-nav-view></ion-nav-view> 



    <script id="templates/yourTemplate.html" type="text/ng-template"> 
     <ion-view view-title="Welcome"> 
     <ion-content class="padding"> 
      <!-- Place your HTML content containing header here --> 
     </ion-content> 
     </ion-view> 
    </script>

JS：

angular.module('ionicApp', ['ionic']) 
    .config(function($stateProvider, $urlRouterProvider) { 

     $stateProvider 
     .state('yourStateName', { 
      url: "/UrlToBeDisplayedInTheBrowser", 
      templateUrl: "idThatYouSpecifiedInTheScripTag" 
     }); 
    });

一个完整的例子可以发现here

来源

2014-12-06 06:00:01

in ionic如何在顶部添加固定徽标栏

回答

相关问题