Html页面，而不是作用域angularjs中的文本

我是Angularjs的新手，我开始在Angularjs中使用标签。我直接从AngularJS UI引导网页上获取的示例。 因此，我的最终目标是在选项卡中添加动态html内容，而不是简单的文本。我应该如何接近？ 我的html看起来像这样

 <div ng-controller="chatsController">
   <h1> Anguchat </h1>
   <hr/>
   <uib-tabset active="active">
       <uib-tab index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.title}}" disable="tab.disabled">
          {{tab.content}}
       </uib-tab>
   </uib-tabset>
</div>

---

可以使用

ng include

将html模板添加到DOM中

<uib-tabset active="active">
   <uib-tab index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.title}}" disable="tab.disabled">
      <div ng-include="tab.content">
      </div>
   </uib-tab>
</uib-tabset>


$scope.tabs = [
    { title:'Room1', content:'template1.html' },
    { title:'Room2', content:'template2.html' }
];

$scope.tabs=[
{标题：'Room1'，内容：'template1.html'}，
{标题：'Room2'，内容：'template2.html'}
];

<uib-tabset active="active">
   <uib-tab index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.title}}" disable="tab.disabled">
      <div ng-include="tab.content">
      </div>
   </uib-tab>
</uib-tabset>


$scope.tabs = [
    { title:'Room1', content:'template1.html' },
    { title:'Room2', content:'template2.html' }
];