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>
私はテンプレートコードに示すようにion-nav-viewを使用しますか?意味私はそこに空の指示を入れ、角度は残りの部分をさせる? – Spilot
正確に。それはルータの設定を通して起こります。あなたのapp.jsであなたの状態の設定をこのようにしてください。**。state( 'app .homepage」、{ キャッシュ:偽、 URL: '/ホームページ'、 ビュー:{ 'menuContent':{ templateUrl: 'テンプレート/ homepage.html'、 コントローラ: 'HomepageCtrl' }} })** –
入手しました。ありがとうございました – Spilot