angularjs - 如何处理 Identity 2.1 SPA Angular JS 应用程序中的电子邮件确认 URL？

Question

我看过一个使用 MVC 的例子。它有一个返回 URL，它带有一个从发送的电子邮件中调用的屏幕。但是我有一个 SPA AngularJS 应用程序，所以它有点不同。有没有人尝试过用 SPA 来做到这一点，如果是这样，他们是如何实现的。任何指针将不胜感激。

Answer 1

我现在也在做同样的事情；需要做更多的工作才能使它漂亮等等，但希望你能大致了解。

确认 URL 如下所示:

http://localhost:8000/app.html#/confirm/9a28aa89e84e80153b1f2083d38911acbae12e8365dd13c83cee55f79481e1f8

(本地主机:8000 因为我正在测试)。然后我有一个用于 ui-router 的路由:

var confirm = {
    name: 'confirm',
    url: '/confirm/:auth',
    templateUrl: 'app/front/partial/confirm.html',
    params: {auth: {}}
    } ;
$stateProvider.state(confirm) ;

confirm.html 部分(显然需要充实一点!)是:

<div ng-controller="Fapi.Front.Confirm.Ctrl">
  CONFIRM
</div>

Controller 是:

angular.module('myApp')
    .controller('App.Front.Confirm.Ctrl', [
        '$scope', '$state', '$stateParams', 'toaster', 'MyDataService',
        function ($scope, $state, $stateParams, toaster, MyDataService) {
            MyDataService.confirm (
                {auth: $stateParams.auth},
                function (data) {
                    toaster.pop('success', 'Your registration has been confirmed') ;
                    setTimeout(function () { $state.go('login') }, 5000) ;
                    },
                function (data) {
                    toaster.pop('error', data.message) ;
                    }
                )
        }]) ;

MyDataService 只是一个将 $http 调用包装到服务器的服务。

因此，不是“通常”的情况，即 URL 调用服务器上执行工作的脚本，然后呈现“您已​​被确认”(或未确认)页面，这里路由器将浏览器带到一个页面，然后向服务器发出 AJAX 调用以进行确认。