如何在不更改 URL 的情况下浏览视图

Question

使用 angular 1.5，我正在开发一些功能和视图，我假装执行一些导航，保持网址不可触及

例：

1(访问网址 myapp.com，显示登录表单
2(登录成功(做事，现在无所谓(
3( 查看其他内容的更改，但 URL 保持不变

到目前为止，我见过的几个例子，每个视图都有不同的URL来执行导航

例：

登录： 网址： myapp.com/login

Answer 1

你应该为此使用状态，有一个带有 url 的"home"状态，然后是其他状态但不声明 url：

.state('home', {
  url: "/home",
  templateUrl: "foobar.html",
  controller: function($scope) { 
    // Check your login here;
  }
})
.state('home.page-two', {
  url: "",
  templateUrl: "foobar-two.html",
  controller: function($scope) { }
})
.state('home.page-three', {
  url: "",
  templateUrl: "foobar-three.html",
  controller: function($scope) { }
})

然后要在状态之间移动，请在确保登录处理到满意后使用 $state.go(( 加载您的特定状态。

Answer 2

您将

无法为此使用角度"视图"，因为它们绑定到不同的URL。你可以做的是使用ng-show，ng-if和ng-include实现自己的"视图系统"。