Редактирование заголовка приложения меню со звуковым стартером

Началось с Ionic, но вы хотите добавить новую кнопку справа от моего заголовка приложений.Редактирование заголовка приложения меню со звуковым стартером

Однако в моем index.html у меня есть только это:

<body ng-app="starter"> 
    <ion-nav-view></ion-nav-view> 
</body>

И не могу найти, как изменить заголовок? Я предполагаю, что он сгенерирован в шаблоне где-то, но никакой поиск ничего не возвращает.

источник

2016-01-28 Lovelock

проверка это codepen

<ion-nav-bar> 
</ion-nav-bar> 
<ion-nav-view> 
    <ion-view> 
    <ion-nav-buttons side="primary"> 
     <button class="button" ng-click="doSomething()"> 
     I'm a button on the primary of the navbar! 
     </button> 
    </ion-nav-buttons> 
    <ion-content> 
     Some super content here! 
    </ion-content> 
    </ion-view> 
</ion-nav-view>

Доступные стороны: primary, secondary, left и right

источник

2016-01-28 03:44:47

это перезаписывает тот, который включен в шаблон? Я понимаю, как редактировать файлы, но не знаю, где найти код. – Lovelock

@ Lovelock какой код вы хотите найти? Я не получил вас –

, если вы хотите использовать ту же кнопку на каждой странице, сохраните ее на странице index.html, иначе сохраните ее на требуемой странице @Lovelock –

Если вам нужен рабочий пример ... здесь:

angular.module('ionicApp', ['ionic']) 
 

 
.config(function($stateProvider, $urlRouterProvider) { 
 
    $stateProvider 
 
    .state('onepage', { 
 
    url: '/1', 
 
    templateUrl: 'onepage.html' 
 
    }) 
 
    
 
    $urlRouterProvider.otherwise("/1"); 
 
})

<html ng-app="ionicApp"> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
 
    <title>Ionic Template</title> 
 
    <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"> 
 
    <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script> 
 
    </head> 
 
    <body> 
 

 
    <ion-nav-bar class="bar-positive nav-title-slide-ios7" align-title="center"> 
 
     <ion-nav-back-button class="button-icon ion-arrow-left-c"> 
 
     </ion-nav-back-button> 
 
    </ion-nav-bar> 
 

 
    <ion-nav-view class="slide-left-right"></ion-nav-view> 
 

 
    <script id="onepage.html" type="text/ng-template"> 
 
     <!-- The title of the ion-view will be shown on the navbar --> 
 
     <ion-view title="onepage"> 
 
     <ion-nav-buttons side="left"> 
 
      <button class="button"> 
 
      LeftButton 
 
      </button> 
 
     </ion-nav-buttons>   
 
     <ion-nav-buttons side="right"> 
 
      <button class="button button-assertive"> 
 
      RightButton 
 
      </button> 
 
     </ion-nav-buttons>   
 

 
     <ion-content class="padding"> 
 
      <!-- The content of the page --> 
 
      <h3>Bla bla bla</h3> 
 
      <p>Bla bla bla</p> 
 
     </ion-content> 
 
     </ion-view> 
 
    </script> 
 

 
    </body> 
 
</html>

источник

2016-01-28 10:24:26 beaver

Редактирование заголовка приложения меню со звуковым стартером

ответ

Смежные вопросы