angularjs-directive - Ionic メニューボタンが表示されない

Question

コマンドを使用してイオンプロジェクトを作成しました

ionic start sideMenu http://codepen.io/vialware/pen/ypoxd

アプリは次のようになると予想していました。

ここに画像の説明を入力それにもかかわらず、実行すると、メニューボタンが表示されません。このタグを使用してヘッダーで使用していると思います：

<ion-view title="'Welcome'" hide-back-button="true" left-buttons="menuButton">

ここに画像の説明を入力

私はエラーなしでプロジェクトをビルドしてエミュレートすることができるので、何か間違ったことをしたのではないかと思っています。また、誰かがこの問題を解決する方法についてのヒントを持っているのではないかと思っています (私は Ionic と AngularJS の両方に慣れていません)。 .

score 1 · Accepted Answer

これを使用することもできます：

    <ion-header-bar align-title="left" class="bar-positive">
                <h1 class="title">Title!</h1>
    </ion-header-bar>

ただし、コンテンツに has-header を追加することを忘れないでください。そうしないと、コンテンツがこのヘッダーバーの後ろに表示されます。

<ion-content class="has-header">
     // Content
</ion-content>

score 1 · Accepted Answer

私の場合、私が行った変更は、enable-menu-with-back-views="true"以下のように属性を追加したことです。次に、サイドメニューボタンとコンテンツがすべてのビューに表示されます。

<ion-side-menus enable-menu-with-back-views="true">

以下のリンクを参照してください。

score 1 · Accepted Answer

その特定のヘッダーを持つために、コードは次のようになります。

<div class="bar bar-header bar-positive">
  <button class="button icon ion-navicon"></button>
  <h1 class="title">Welcome</h1>
</div>

bar-positive クラスは、ヘッダーに青色の背景のみを設定していることに注意してください。

score 0 · Accepted Answer

アプリをどのように実行していますか? index.html を単純にブラウザーで開いているだけの場合は、おそらく機能しません... localhost (ローカル Web サーバー) を使用して実行してみてください。

これが正しいと仮定すると... IISサーバーをオンにして、そこでサイトを実行する必要があります

方法がわからない場合は、以下のチュートリアルを試すことができます。

お役に立てれば：）

angularjs-directive - Ionic メニュー ボタンが表示されない