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如何在頂部添加固定徽標欄

回答

相關問題