ионные заголовки заголовков

У меня возникли проблемы с размещением заголовка в моем приложении. class = "has-header", по-видимому, устарел, мне нужна помощь в поиске альтернативы. Спасибо.ионные заголовки заголовков

Не стесняйтесь исправить что-нибудь еще.

index.html:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 

    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above 
    <link href="css/ionic.app.css" rel="stylesheet"> 
    --> 

    <!-- ionic/angularjs js --> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 

    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 

    <!-- your app's js --> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.js"></script> 
    <script> 
var Hours = angular.module('Hours', ['ngRoute']); 

Hours.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
     when('/', { 
     templateUrl: '1.html', 
    }). 
     when('/dininghalls', { 
     templateUrl: '2.html', 
    }). 
     when('/fitnesscenters', { 
     templateUrl: '3.html' 
     }). 
     when('/officehours', { 
     templateUrl: '4.html' 
     }). 
     otherwise({ 
     redirectTo: '/' 
     }); 
}]); 
</script> 
    </head> 
    <body ng-app="Hours"> 
     <div ng-view=""></div> 
    </body> 
</html>

1.html:

<ion-header-bar align-title="left" class="bar-positive"> 
<div class="bar bar-header bar-stable"> 
    <h1 class="title">Hours</h1> 
</div> 
</ion-header-bar> 


<ion-content> 
<a href="#/4" class="button button-block button-positive"> 
Hours 
</a> 
<a href="#/2" class="button button-block button-positive"> 
Halls 
</a> 
<a href="#/3" class="button button-block button-positive"> 
Fitness 
</a> 
</ion-content>

источник

2015-02-20 bryan saggese

добавить класс = «HAS-заголовок» в контейнере –

спасибо, но я специально сказал, что использование класса = «HAS-заголовок» является больше не поддерживается. Любые другие идеи? –

Почему у вас есть панель .header внутри ионного заголовка? –

Добавить has-header="true" к вашему ионным содержанию (похоже, что может отсутствовать из документации?). Вам также не нужно class="header-bar" в вашем <ion-header-bar>.

обновление: Вам необходимо ввести ионный сигнал в качестве зависимости в вашем модуле Часы.

источник

2015-02-21 19:25:28 premiumFrye

эй, я знаю, что это было время, но я был очень занят и просто попробовал то, что ты сказал. Это все еще не работает. Любые другие предложения? –

Я удалил класс = "header-bar" и добавил has-header = "true" к моему ионному содержимому и все еще ничего не работает, пожалуйста, помогите –

Хорошо, подготовьтесь к самому неприятному ответу когда-либо: вам нужно ввести «ионный» как зависимости в вашем модуле 'Hours'. Да, это необходимо - я начал пустой проект и пробовал его с такой зависимостью и без этой зависимости, и это определенно необходимо - нужно было бы изучить источник, чтобы понять, почему, но это определенно. – premiumFrye

Вам нужно изменить <ion-content> к <ion-content class="has-header"> ........

источник

2015-08-17 09:40:23 Sudeep

ионные заголовки заголовков

ответ

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