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

Question

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

看起来没有任何类型的 $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 结构。”