2016-03-24 9 views
1

をクリックした後に爽やかでリダイレクトページ:は問題ボタン

「ポストは今」まだ「ポストは今、」再び、それは何度も何度も同じデータを追加]をクリックするまで表示され、場合充填フォームをモーダルクリックした後。

すべてのフォームが入力され、ボタンがクリックされた後、ページがリフレッシュされ、予測の説明とのリンクに移動するようにしたいと考えています。

Prediction.createPrediction($scope.prediction).then(function(ref) { 
      $toaster.pop('success', 'Prediction posted successfully.'); 
      $scope.prediction = { 
       player1: '', 
       player2: '', 
       winner: '', 
       venue: '', 
       date: '', 
       round: '', 
       description: '', 
       odd: '', 
       score: '', 
       status: 'open', 
       gravatar: '', 
       name: '', 
       poster: '' 
      }; 
      $location.path('/browse/' + ref.key()); 
     }); 

アプリケーションへのリンク:https://sportpredictions.firebaseapp.com/#/ (予測を投稿するユーザーのみに署名のために利用可能である)GitHubの上

ソースコード:https://github.com/NiR-IT/tennispredictions(スクリプト/サービス/ prediction.js、スクリプト/コントローラ/予測。 js、views/partials/post.html)。

+0

これは動作していないと想定していますか?何が起こっている? – Lex

+0

モーダルでボタンをクリックしても、ページがリフレッシュされません。したがって、モーダルを手動で閉じて「ポスト予測」ボタンをもう一度クリックすると、既にフォームに記入されているモーダルが表示されます。 –

答えて

1

これを試してください:フォームにname="postForm"属性を追加してください。これによりコントローラで$scope.postFormを介してアクセスできるようになり、$scope.postForm.$setPristine()に電話すると、フォーム上のすべての設定をリセットする必要があります(検証エラーなど)。

P.S.本当に素晴らしい探してアプリ!

+0

正確に$ scope.postForm。$ setPristine()を置く必要がありますか? また、コンソールの "$トースターが定義されていません"と表示されます(サブミットボタンをクリックしたとき) ありがとう、Lex :) –

+0

'toaster'をコントローラに注入しているので、' $ '$ setPristine()'の呼び出しをトースターメッセージの直後に置くと、残りのコードを取り除くことができます。 – Lex

+0

jqueryコードを入れると同じことが起こります。 $ 。( '#Button')(関数(){; location.reloadを()});クリック ページのリロードボタンをクリックした後、しかしデータベースはあまりにも新しい予測で更新されていません。( –