ionicでボタンとトグルメニューのデザインが反映されない

Question

ionicを勉強しているものです。ionicでプロジェクトを作成し、ボタンとトグルメニューを実装して動作確認してみたのですが
ボタンとトグルメニューのデザインが反映されません。

tab1.page.html

<ion-header [translucent]="true">
  <button ion-button menuToggle>
    <ion-icon name="menu">aaaa</ion-icon>
  </button>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large">Tab 1</ion-title>
    </ion-toolbar>
  </ion-header>

  <button ion-button (click)="onClick()">Button 1</button>

  <app-explore-container name="Tab 1 page"></app-explore-container>
</ion-content>

実際の画面

期待すべきことは以下のようなデザインが反映されることです。

実行したコマンド
ionic start sampleApp
※AngularでTabありのテンプレートを指定

npm i -g cordova-res
ionic cordova platform add ios
ionic cordova platform add androird
ionic cordova build android
ionic serve

Googleで検索してみましたが、このような現象の問題について情報がなく、原因が突き止められません。
そもそもプロジェクトの作成の仕方に問題があるのでしょうか？
ionicにお詳しい方がいましたらご回答いただけないでしょうか？

Answer 1

<button ion-button (click)="onClick()">Button 1</button> の書き方は、Ionic2/Ionic3のもので、最新のものでは

<ion-button (click)="onClick()">Button 1</ion-button> と書きます。詳しくはドキュメントをご覧くださいー。

https://ionicframework.jp/docs/api/button

Comments

[Linkey]

ありがとうございました。期待通りの結果となりました。