Javascript 在AngularJs中，控制器内部是否可以在变量中加载外部html模板？

angularjs关于在控制器中包含html模板以设置为变量的问题。这是一个场景

我用angularjs自动生成了一个滑块，每个滑块都是一个页面

<div ng-repeat="slide in sliders" onfinishrender id="slide-page-{{slide.id}}" class="slidepage" data-page-type="{{slide.type}}"></div>

以及管理加载到幻灯片/页面模板中的所有数据的templateController：

// not relevant to post it

o_app.controller("newsroomCtrl", ['$scope', function($scope){
  // function that retrieves the html for the content of a subpage
  $scope.fn_get_html_template = function(a_response){

    var a_posts = a_response.posts;
    // loading template.html
    // how to do that???
    // loading template.html
  }
}]);

这是一个html模板：

<div class="content-container newsroom" ng-controller="newsroomCtrl">
  <ul class="newsmenu">
    <li>
      <button data-filter="all" class="filter active">All{{test}}</button>
    </li>
    <li>
      <button data-filter=".news" class="filter">News</button>
    </li>
  </ul>
  ....
</div>

所有{{test}


新闻


....

我的目标是能够在templateController中动态加载html模板，将$scope绑定到视图，设置为一个变量，并将其加载到BeginSign滑块的一个幻灯片/页面中。 如果我错过了什么，我怎样才能实现我的目标

---

提前感谢

为什么需要在控制器内执行此操作？在指令中加载模板不是更有意义吗？问题是，有时我可能会有相同的模板，但数据不同。在这种情况下，我还可以多次使用同一个指令，显然，用不同的内容填充它吗？也许这会有所帮助：我得到了它，但是我可以通过ajax、指令和控制器来演示整个过程吗？或者，如果你能指出我应该朝哪个方向走，因为我不知道它到底应该是什么样子，那么建议的示例实际上与我的场景不同。谢谢