2014-12-02 4 views
4

MVC를 사용하는 예를 보았습니다. 보낸 URL에서 호출되는 화면과 함께 표시되는 반환 URL이 있습니다. 하지만 SPA AngularJS 응용 프로그램이있어서 약간 다릅니다. SPA를 사용하여이 작업을 시도한 사람이 있습니까? 그렇다면 어떻게 구현 했습니까? 모든 포인터가 많이 감사 할 것입니다.Identity 2.1 SPA Angular JS 응용 프로그램에서 전자 메일 확인 URL을 처리하려면 어떻게합니까?

+0

당신은 여전히 ​​같은 방식으로해야합니다. 각도 라우팅을 사용하여 문제가있는 경우 특정 페이지로 이동하십시오. – Casey

답변

1

나는 지금 같은 작업을하고 있습니다. 그것을 예쁘게하는 등 더 많은 작업이 필요하지만 잘하면 일반적인 생각을 얻습니다.

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

가 (로컬 호스트 : 8000 내가 테스트하고 있습니다 때문에) 같은

확인은 URL이 보인다. 그때 UI 라우터에 대한 경로가 있습니다 (! 분명히 조금 구체화 필요가) :

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

컨트롤러는 다음과 같습니다

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

confirm.html 부분이다

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 호출을 서버에 보냅니다.

+0

ngRoute을 사용하여이 작업을 수행하는 방법은 무엇입니까? –