2016-06-24 19 views
0

私にはまったく新しいので、まったく新しいです。私は、テキストボックスから入力を受け取り、別のページに表示する単一のページアプリケーションを作成し始めました。 2番目のページでは、私は元のビューに私を連れてホームボタンを作成するだけでなく、アプリケーションを空白の状態に入力ボックスをリフレッシュしたい。ボタンクリックで角度アプリをリフレッシュする必要があります

最初のビュー

<input type="text" id="Bad" style="text-transform:uppercase" ng-model="name" /> 

第2のビュー

<h3>Hello</h3> 
<span ng-bind="name"></span></br> 
<a href="#" ng-click="reload()"> 
    <img src="Home_Icon.png" height="92" /> 
</a> 

アプリの.jsコントローラ

var myApp = angular.module('myApp', ['ngRoute']); 

myApp.config(function ($routeProvider) { 

    $routeProvider.when('/second', { 
     templateUrl: 'pages/second.html', 
     controller: 'secondController' 
    }); 
}); 

コントローラfuunction

myApp.controller('secondController', [ 
    '$scope', 
    '$log', 
    '$routeParams', 
    '$window', 
    'nameService', 
    function ($scope, $log, $routeParams, nameService) { 

     $scope.num = $routeParams.num || 1; 
     $scope.name = nameService.name; 
     $scope.$watch('name', function() { 
      nameService.name = $scope.name; 
     }); 

     $scope.reload = function() { 
      location.reload(); 
     } 
    }] 
); 

私はHow to reload a page using Angularjs?を試しました。同じように。助けてください!。おかげ

+0

あなたのリロード機能でこれを使って、あなたはちょうどあなたが戻って元のビューにナビゲートする際に入力をクリアしますか? –

+0

必須です。私は家に帰るオプションを持った複数のページを作りたがっていました – woods

+0

デフォルトで角度を設定してから、ボタンをクリック(ng-click)して$ scopeを使用すると、$ apply()を使ってデータを元に戻す ' – mwilson

答えて

-1

$scope.name = ''; 
$scope.$apply(); 
window.location.replace('pages/first.html'); //your first page 
+0

これはうまくいきませんでした。代わりに、最初のページの入力に入力されたコンテンツをブロックしました。バインドされた情報を取得して別のコントローラからリセットすることは可能でしょうか? – woods

関連する問題