AngularJS - 在指令中加载动态模板 HTML

Question

我有一个从外部 HTML 文件加载内容的指令。传入该指令的是一些用于渲染该 HTML 片段的范围数据。例如
<div class="{{cls}}" data-obj="{{obj}}" data-id="{{id}}"><!-- remainder of content here --></div>
我想在这个指令中做的是根据传递给指令的原始范围数据在其中加载一个进一步的 HTML 部分。我似乎无法让它工作，但它应该是以下几行:
<div class="{{cls}}" data-obj="{{obj}}" data-id="{{id}}"><!-- remainder of content here --><div ng-include="partials/{{obj}}.html></div></div>
使用它，文件不会被包含在内，但我也没有收到任何错误。有人可以在这里帮助我吗？

备注 : 我读了this ，这是一个类似的问题，但没有帮助我。

更新 - 我在 Chrome 开发工具中注意到 URL 正在按预期解析，但文件内容未包含在内。我从文档中想到 ng-include加载并编译了请求的片段，所以我期待它能够工作。

Answer 1

通过在指令中声明以下内容，最终找到了解决方案:

<div ng-include src="view.getView()"></div>

以及指令 Controller 中的以下内容:

$scope.view = {
    getView: function() {
        return "partials/" + $scope.obj + ".html";
    }
};

现在完美运行!