使用$ scope属性绑定ng-include src

Question

在angularjs应用程序中，我想动态加载局部视图，所以我在视图中

<ng-include src="'{{ pathView }}'"></ng-include>

这个视图是附属于某个控制器的，在我的控制器中我有

 $scope.pathView= "/templates/listView.html";

这不起作用，因为在调查html视图时我正在

<!-- ngInclude: undefined -->

当我硬编码模板视图路径时

<ng-include src="'/templates/listView.html'"></ng-include>

它有效。

我做错了什么？

Answer 1

src中的{p> ng-include需要一个角度表达式reference ，因此您可以将其绑定到模型值，如下所示

<ng-include src="pathView"></ng-include>

Answer 2

删除{{和}}

正确的方式<ng-include src="pathView"></ng-include>