angularjs - 如何以编程/动态方式更改视图？

Question

我想要一个“向导”，在这个过程中屏幕会发生几次变化。我想为此使用 Angular 的控制器。但是，我无法弄清楚如何更改以编程方式显示的视图。

看起来$scope.setView('/path/to/my/view.htm')我无法定义任何类型。

Answer 1

您将想要了解 ngView => http://code.angularjs.org/1.1.4/docs/api/ng.directive:ngView

这样你就可以使用 $route 来配置部分内容的显示。您将需要声明模板选项，例如：

$routeProvider.when('/path', {
  templateUrl: '/path/to/my/view.htm',
}

另一种选择是使用 ngSwitch => http://code.angularjs.org/1.1.4/docs/api/ng.directive:ngSwitch

对于向导，​​我认为 ngSwitch 效率较低，但两者中会更容易。这听起来确实像您正在寻找的东西。

“ngSwitch 指令用于根据范围表达式有条件地交换模板上的 DOM 结构。”

Answer 2

document.location.href='#/yourRoute' 以编程方式更改路线

如果你想用 1 个控制器使用多个视图：用不同的视图定义不同的路由，但使用相同的控制器