ionic frameworkに新しいタブを追加する

Question

イオンフレームワークでタブレイアウトを使いたいので、作ってみました。デフォルトでは3つのタブが用意されていますが、タブを追加したいと思います。

私はタブフォルダと "tab.html"ファイルを変更しました。今、私は "tabs.html"で追加した新しいタブページのコーディングをしたいと思います。そこで、私は新しいフォルダの新しいフォルダをpagesフォルダの中に作成しました。今、私が追加した新しいタブをコーディングする必要があります。

私の質問はこれを行う方法です。私は、そのページのフォルダ内に新しいhtmlファイルを作ってみました。しかし、それは私にエラーを与えました..

私はイオンフレームワークに非常に新しいですので、私に解決策を提案してください。

Answer 1

Ionic docsによると、新しいタブを作成する方法は次のとおりです。

1）HTMLに<ion-tab>タグを追加します。例：

<ion-tabs> 
    <ion-tab [root]="tab1Root" tabTitle="Tab 1"></ion-tab> 
    //... 
    <ion-tab [root]="myTabRoot" tabTitle="myTitle"></ion-tab> 
</ion-tabs> 

2）新しいページと同じように新しいルートページを作成します。例：

export class myRootPage { 
    constructor() { 
    } 
} 

3）ルートページ属性をタブモジュール内のルートページ自体に割り当てます。例：あなたは（import{}コマンドを使用して）タブモジュールにあなたのタブのルートページをインポートする必要があります

export class Tabs { 
    myTabRoot = myRootPage; 
    constructor() { 
    } 
} 

注意。 新しいページを作成する方法については、すでにすべてのステップを知っていることを前提としています。必要がない場合は、オンラインで多くのチュートリアルがあります。

Answer 2

私はionicframwork.docsを参照してください。/intutorial/project-structure/ このチュートリアルでは、イオン構造を完全に説明し、私のような初心者に非常に役立ちます。 アプリに新しいタブを追加する方法について説明しています。