2016-07-08 5 views
1

私はAjaxの呼び出しの後にテンプレートファイルにリダイレクトしようとしていますが動作しませんテンプレートファイルにリダイレクト:XDKは、使用して正しく

window.location.href = "templates/somepage.html"; 

をそれはページに行く、しかし、そのページに、ボタンが優勝ボタンがクリックされたときにJavaScriptが呼び出されることはありません。 index.htmltemplates/somepage.htmlと同様に呼び出される必要があるので、おそらく何らかのコールバックが必要です。

注:Ionicフレームワークを使用していますが、私はPHP開発者として経験していません。また、私は非jqueryソリューションを好むだろう。ありがとう。

about.html

を:

答えて

1

あなたはにリダイレクトされているファイルは、すべてのコアが欠落しているので、何が正しく動作しない、またはディスプレイの理由は、以下から分かるように(CSSJavaScript)ファイルが含まれますこれは基本テンプレートファイルIonicです。ご覧のとおり、<script></script>または<link>というタグはありません。

<ion-view title="About" id="page9"> 
    <ion-content overflow-scroll="true" padding="true" class="has-header"> 
    </ion-content> 
</ion-view> 

このように、あなたのCSSJavaScriptのどれも正しく動作しません。

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

関連する問題