ion-nav-viewドキュメントのこの部分はわかりません

ion-nav-viewディレクティブのサンプルコードは実際にその使用法を示していません。それを使用する方法がわかりません。これを言うことを見出しUSAGE下ion-nav-viewドキュメントのこの部分はわかりません

http://ionicframework.com/docs/api/directive/ionNavView/

：ここは、ドキュメントへのリンクですアプリの起動時に

、$ stateProviderは、それが一致するかどうか、URLを見ていきますインデックスの状態を確認し、にhome.htmlを読み込もうとします。

ページは指定されたURLで読み込まれます。テンプレートをAngularで作成する簡単な方法の1つは、HTMLファイルに直接入れて、構文を使用することです。だからここに私たちのアプリに home.htmlを置くための一つの方法である：

<script id="home" type="text/ng-template"> 

    <!-- The title of the ion-view will be shown on the navbar --> 
    <ion-view view-title="Home"> 
    <ion-content ng-controller="HomeCtrl"> 
     <!-- The content of the page --> 
     <a href="#/music">Go to music page!</a> 
    </ion-content> 
    </ion-view> 

</script>

テンプレートが代わりにからそれらを取得するので、非常に高速なロードするためにキャッシュされますので、これを行うには良いですネットワーク。

イオンナビビューディレクティブの中にそのすべてを入れ子にしますか？私の混乱のもう一つの理由は、イオンテンプレートの1つでは、イオンナビゲーションビューを開いたり閉じたりすることができなかったためです（以下のコードは、Ionicのテンプレートの1つから直接コピー＆ペーストされています）。

<body ng-app="myApp"> 

    <!-- 
      The nav bar that will be updated as we navigate between views. 
     --> 
     <ion-nav-bar class="bar-stable"> 
      <ion-nav-back-button> 
      </ion-nav-back-button> 
     </ion-nav-bar> 
     <!-- 
      The views will be rendered in the <ion-nav-view> directive below 
      Templates are in the /templates folder (but you could also 
      have templates inline in this html file if you'd like). 
     --> 

     <ion-nav-view></ion-nav-view> 

    </body>

出典

2016-10-07 Spilot

この<ion-nav-view>はプレースホルダーのように動作します。テンプレートフォルダの下に作成した他のhtmlファイルがそこに入ります。たとえば、テンプレートフォルダに "employees.html"という文字列があるとします。したがって、 "employees.html"のマークアップは次のようになります。

<ion-view view-title="Employees"> 
<ion-content> 
    <ion-list> 
    <ion-item ng-repeat="item in items"> 
     Hello, {{item}} 
    </ion-item> 
    </ion-list> 
</ion-content> 
</ion-view>

上記は「employees.html」に格納される完全なhtmlです。基本的には<ion-nav-view>タグ内に配置されるhtmlです。

これが役に立ちます。

出典

2016-10-07 21:37:15

私はテンプレートコードに示すようにion-nav-viewを使用しますか？意味私はそこに空の指示を入れ、角度は残りの部分をさせる？ – Spilot

正確に。それはルータの設定を通して起こります。あなたのapp.jsであなたの状態の設定をこのようにしてください。**。state（ 'app .homepage」、{ キャッシュ：偽、 URL： '/ホームページ'、ビュー：{ 'menuContent'：{ templateUrl： 'テンプレート/ homepage.html'、コントローラ： 'HomepageCtrl' }} }）** –

入手しました。ありがとうございました – Spilot

ion-nav-viewドキュメントのこの部分はわかりません

答えて

関連する問題