あなたはにリダイレクトされているファイルは、すべてのコアが欠落しているので、何が正しく動作しない、またはディスプレイの理由は、以下から分かるように(CSS
とJavaScript
)ファイルが含まれますこれは基本テンプレートファイルIonic
です。ご覧のとおり、<script></script>
または<link>
というタグはありません。
<ion-view title="About" id="page9">
<ion-content overflow-scroll="true" padding="true" class="has-header">
</ion-content>
</ion-view>
このように、あなたのCSS
やJavaScript
のどれも正しく動作しません。
Ionic
は、AngularJS
の上に構築されているため、テンプレートファイルに直接アクセスしたりリダイレクトしたりする代わりに、状態チェンジャーを使用することができます。
何がしなければならないことは、以下の例に見られるように、あなたのコントローラにして$state
を注入している:あなたはこのすべてと、既に理解しておく必要があり
routes.js
を、しかし、あなたはmyView
を使って状態を参照します。お使いのコントローラで
[...].state('myView', {
url: '/my-url',
templateUrl: 'my/template/location.html',
controller: 'myViewCtrl'
});
controllers.js
、あなたはビューを変更するために使用される$state
を注入します。
[...].controller('myCtrl', function ($state) {
/** This will be used to change to the route that we created above. **/
$state.go('myView');
});
私が最初Ionic
を使用して開始し、私は解決策を偶然見つけて、私は助けるだろうと思ってたとき、私はあまりにもこれと格闘。
読み物
Activating a State
$state.go()
Reference