javascript - 在脚本中使用 Angular 模型数据

Question

我需要一些有关 Controller 模型数据共享的帮助。

在 HTML 中，我可以通过 {{block.title}} 访问数据，而且在 html 中，我有一些 javascript 来打开外部文件:

<div class="container">
    <accordion close-others="oneAtATime">
        <accordion-group ng-repeat="block in report.blocks" is-open="block.$$isOpen">
        <accordion-heading>{{block.tags}}
        </accordion-heading>
        <script>
        $(function() {
            $("#includedContent").load("res/filename.html");
        });
        </script>
        <div id="includedContent"></div>
       </accordion-group>
   </accordion>
</div>

我想要的是使用block.title(在ng-repeat内部)的当前值代替filename.html，例如:

加载(“res/{{block.title}}.html”)。

我怎样才能实现这一目标？

谢谢。

Answer 1

您可以相对轻松地在 Angular 中实现此目的，无需 jQuery。

<div id="includedContent" ng-include="getPartial(block.title)"></div>

在你的 Controller 中

$scope.getPartial = function(file) {
    return "res/"+file;
};