付款成功页面AngularJS

Question

正确的AngularJS方法是什么？

我的页面接受一些用户信息和付款（通过Stripe）。

付款成功后，我需要向用户显示一条消息，表明已被接受。

我是否将两个视图合并在同一个局部视图中（我怀疑不是），然后根据某个范围变量（即$scope.paymentAccepted的状态显示一个$scope.paymentAccepted 。

<form ng-if='!paymentAccepted'>
    ...
</form>

<div id='paymentSuccess' ng-if='paymentAccepted'>
    <p>Your payment has been accepted</p>
</div>

还是使用$location服务提供商将用户定向到另一个位置，然后从那里使用单独的视图和控制器（我怀疑是这样）。

称其为挑剔，但我想阻止用户直接访问我的付款页面，这就是为什么我很想这样做的原因。

解决这个问题的正确方法是什么？

Answer 1

如果您使用ui-router，则您的付款状态的子状态可能无法通过URL寻址。 然后，您只需要向控制器注入$ state并在成功完成付款后过渡到相关状态，例如$state.go('home.payment.success') 。

编辑：您实际上将子状态引用为$state.go('.success')您要从父状态过渡（在此示例中为“ home.payment”）。