需要在按钮点击时刷新angular应用

Need to refresh angular app on button click

本文关键字：刷新 angular 应用 按钮      更新时间：2023-09-26

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

第一个观点

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

第二种观点

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

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

我试过如何使用Angularjs重新加载一个页面?也请帮助!由于

在你的重载函数中使用

$scope.name = '';
$scope.$apply();
window.location.replace('pages/first.html'); //your first page
相关文章：