Javascript 需要在单击按钮时刷新angular应用程序

我开始创建一个单页应用程序，它从文本框中获取输入并显示到另一个页面。在第二个页面上，我想创建一个home按钮，它可以将我带到原始视图，但也可以将应用程序的输入框刷新为空白状态

第一视图

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

控制器功能

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();
        }
    }]
);

---

我试过了。也请帮忙！。谢谢在重新加载功能中使用此选项

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

---

是否只想在导航回原始视图时清除输入？是。我想创建多个页面，其中包含一个返回主页的选项。您可以在angular中设置默认值，然后单击按钮（ng click）使用$scope。$apply（）将数据“刷新”回默认位置。重新加载（）是一个非常糟糕的做法，因为它将重新加载所有服务、控制器和脚本。我建议您重新加载该特定状态，而不是重新加载位置本身。i、 对于您的案例，最好使用ui.routing随附的$stateProvider。是的，这不起作用。相反，它阻止了在第一页输入中键入的内容。是否可以获取绑定信息并从其他控制器重置它？

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();
        }
    }]
);

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