angularjs - 是否可以使用函数插入 ng-include 的模板路径？

Question

我尝试使用函数将模板的路径加载到ng-include指令中。我希望我的函数的参数由于插入到ng-include. 但它不起作用。这是我到目前为止所拥有的：

HTML：

<div ng-include="'{{content}}'"></div>
...
<div ng-click="showContent('views/my_content.html')">

角度：

$scope.showContent = function(attrs){
    $scope.content = attrs;
};

当我单击具有的 div 时，ng-click我可以看到它{{content}}已被模板路径替换，但不包括模板本身（即，它未在页面上呈现）。有没有办法可以强制模板渲染？

Answer 1

而不是这个

<div ng-include="'{{content}}'"></div>

用这个

<div ng-include="content"></div>

并且模板将被渲染。

Answer 2

ng-include不能这样工作。

您需要做的是编写另一个指令来为您获取和显示内容。您还可以使用$routeProvider更改 url 并使其包含模板 URL。