AngularJS忘记密码

Question

我有一个忘记密码表单，当用户输入电子邮件时，它点击后端，并发出一个电子邮件链接到用户如下。

​

​

用户单击链接，这将调用后端服务。如何通过angular控制此url？所以，基本上这调用一个后端资源，但我希望这个url也在前端处理。

如果这个问题不是很清楚，有没有人可以给我看一个在AngularJS和NodJ或任何后端实现忘记密码的例子。

Answer 1

如果您可以更改电子邮件中的链接，请按以下方式进行更改：

http://localhost:3000/#/resetpassword/<token>

现在，在您的angular路由中，您需要按如下方式侦听此路由：

angular.module('myApp', ['ngRoute'])

 .controller('ResetPasswordController', function($scope, $route, $routeParams, $location) {
     //password resetting functionality
 })
.config(function($routeProvider, $locationProvider) {
  $routeProvider
   .when('/resetpassword/:token', {
    templateUrl: 'reset.html',
    controller: 'ResetPasswordController',
    resolve: {
      // Call the backend service to check if the token is valid
      verifyToken: function($q, $route) {
        var deferred = $q.defer();
        $http({
          method: 'GET',
          url: '/reset/' + $route.current.params.token
        }).success(function (data) {
           deferred.resolve(data);
        }).error(function (msg) {
          deferred.reject(msg);
        });

        return deferred.promise;
      }
    }
  })
});