javascript - 使用基于应用程序状态/数据的 UI-Router

Question

是否可以根据数据条件使用 Angulars ui-routing？例如，假设我需要实现某种订阅流程。最终，用户会看到一个页面，告诉他订阅是否成功。

但在流程中，根据数据，需要做出一些决定。例如:如果用户已经登录，我们需要知道他将使用哪个电子邮件地址进行订阅，并且用户会收到一个要求他提供电子邮件的 View 。如果未登录，用户将看到登录/注册屏幕。

在 Angular 中进行了一些研究才意识到“状态”实际上是一种 View ，因此谷歌搜索状态给了我错误的结果。我也遇到过this here(我觉得是类似的情况)。评论中有一个链接到 here但我真的无法弄清楚这是否真的是我所需要的。

所以，简单地说:我可以使用 ui-router 并基于数据条件来更改页面的 View ，例如:

/* this could be set by an ng-init directive */
$scope.isLoggedOn = false;

 ... 

function showView() {
   if $scope.isLoggedOn --- > show the email view
   if not $scope.isLoggedOn --- > show the login/registration view
};

* 编辑*根据 Ran Sasportas 的回答，我创建了一个 Plunker 演示。不要对它抱有太大的期望，它很基础，但至少它有效。 Here is the link稍后，当我测试嵌套 View 和 Controller 时，我可能会添加更多功能。

Answer 1

ui-router 有一个名为 $state 的服务，您可以将其注入(inject)到 Controller 中。这样您就可以控制要使用的 View ，例如 -$state.go('登录')这将触发您在配置部分中定义的登录状态。就是这样。您可以查看 ui 路由器文档 - http://angular-ui.github.io/ui-router/site/#/api/ui.router

祝你好运。