2017-03-08 14 views
0

私は角とイオンで新しいですし、ログイン成功後(laravel apiで)、別のページにリダイレクトしようとしています。 URLは正常に変更されていますが、そのページのコンテンツはロードされていません。このサイトでは、event.preventDefault();それは私のために働いていません。

.controller('loginCtrl',function($scope,api,$state){ 
$scope.doLogin = function(){ 
    api.login.userLogin(data).then(function(res){ 
    if(res.data.status == 'success'){ 
    event.preventDefault(); 
     $state.go('app.chat'); 
    }else{ 
    console.log('sorry'); 
    } 
}); 

と私はロードしたい状態が事前に

.state('app.chat', { 
url: "/chat", 
views: { 
    'tab-chat': { 
    templateUrl: "templates/demo.html", 
    controller: 'ChatlistCtrl' 
    } 
} 

私demo.htmlコード

`<ion-content ng-controller="ChatlistCtrl" ng-init="$index = 0"> 
    <ion-list ng-repeat="value in responce"> 
     <ion-item class="item-remove-animate item-avatar item-icon-right" ng-click="null" type="item-text-wrap"> 
    <h2>{{responce[$index].name}}</h2> 
    <p>This is a demo title</p> 
    <i class="icon ion-chevron-right icon-accessory"></i> 
    <ion-option-button class="button-assertive" ngclick="remove({{responce[$index].id}})"> 
    Delete 
</ion-option-button> 

`

おかげで

+0

コンソールにエラーがあります。 –

+0

いいえ、コンソールおよびAPIリクエストIDの成功はありません。 – sandeep

+0

'event.preventDefault();なしで試してみました –

答えて

0

コードの代わりにこのコードを使用してください。

.state('app.chat', { 
url: "/chat", 
templateUrl: "templates/demo.html", 
controller: 'ChatlistCtrl' 

}); 

もしうまくいかなければ、あなたの質問にあなたのdemo.htmlを追加してください。

+0

あなたの返信を感謝します#rajピア。しかしあなたのコードも私のために働いていません..問題を深く説明してください。見て私はAPIからの成功した応答を得て、ブラウザのアドレスバーに正常にURLを持っています。しかし、問題はhtmlがその後に読み込まれない、私は同じページをリロードする場合は、ページを読み込みます。 demo.htmlのコードの更新された質問を確認してください – sandeep

+1

これを試してみましょう: "app.chat"の代わりに状態名 "chat"を変更してください。あなたのhtmlページが読み込まれます。テストしたい場合は、demo.htmlコードにコメントしてから、

Hiiiii
のような1つのdivを追加してください。問題がまだ残っている場合は、plzにお知らせください。 –

+0

すでにそのトリックを試して..しかし、今それは問題を解決します。それは私の間違いで、私は ........で呼びます。しかし、私はそれを ........にロードしなければなりません。しかし助けてくれてありがとう – sandeep

関連する問題