2016-07-08 3 views
1

작동하지 않습니다 템플릿 파일로 리디렉션 제대로로드되지 않고 버튼을 클릭 할 때 JavaScript가 호출되지 않습니다. index.html을 호출해야하고 templates/somepage.html을 호출해야하기 때문에 일종의 콜백이 필요할 수 있습니다.XDK는 사용하여 Ajax 호출 후에 내가 템플릿 파일로 리디렉션하려고 제대로

NB : 우리는 이온 프레임 워크를 사용하고 있지만 필자는 PHP 개발자이기 때문에 경험이 없습니다. 또한 비 jQuery 솔루션을 선호합니다. 감사.

답변

1

이유는 아무것도 작동 이하 알 수있는 바와 같이 표시가 올바르게 모든 핵심 누락되는 리디렉션 파일합니다 (CSSJavaScript) 파일을 포함하기 때문에 :

about.html 기본 이 파일은 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가 제대로 작동의 따라서 없음.

IonicAngularJS 위에 구축되어 있으므로 템플릿 파일에 직접 액세스하거나 리디렉션하지 않고 상태 체인저를 사용할 수 있습니다. 아래의 예에서 볼 수 있듯이

은 당신이해야 할 것은 당신의 컨트롤러에서 $state를 주입입니다 :

routes.js

당신은이 모든 일에 이미 익숙해야합니다,하지만 당신은 myView을 사용하는 주를 언급 할 것입니다.

[...].state('myView', { 
    url: '/my-url', 
    templateUrl: 'my/template/location.html', 
    controller: 'myViewCtrl' 
}); 

controllers.js 컨트롤러에서

, 당신은 보기을 변경하는 데 사용됩니다 $state를 주입 것입니다. 내가 처음 Ionic를 사용하기 시작하고 난 솔루션을 우연히 발견하고 내가 도와 줄 생각했을 때
[...].controller('myCtrl', function ($state) { 

    /** This will be used to change to the route that we created above. **/ 
    $state.go('myView'); 

}); 

은 나도이 고생.

읽기 자료

Activating a State

$state.go() Reference

관련 문제