我正在使用 angular bootstrap ui 的选项卡。我已经覆盖了 tabs 指令，以便对相同的数据 Plunkr 链接执行延迟加载：http://plnkr.co/edit/VABthzUwp50QpS16Gwuy?p=preview
延迟加载工作得非常好。我有一个要求，在单击按钮时，应该在选项卡的哪个位置重新加载不同的 html。
例如，假设我有一个呈现 tab1.htm 的选项卡。这个 tab1.htm 有一个按钮，单击该按钮我想在同一个选项卡中呈现不同的 html。
我尝试更改 tab1 的 div 的模板 url，但是我无法使用新 url 重新加载当前选项卡
【问题讨论】：
标签： angularjs angular-ui-bootstrap
您的 Plunkr 使用过时版本的 Angular，它不支持与 ng-bind-html 一起使用的新 $sce 服务
此外，我不会修复 CSS 的一些严重问题，因此我会为您指明正确的方向。
在这个答案 (How can I make my HTML model data display in a <textarea> as it would in a browser?) 中，您可以找到如何使用现代 AngularJS 版本（1.2.0 或更高版本）将 HTML“注入”到您的页面中。
工作Plunker：http://plnkr.co/edit/ld4Nte2KKIbgMkIWnRcP
如果您真的想坚持使用1.0.8，则必须使用ng-bind-html-unsafe，这非常简单：
<div ng-bind-html-unsafe="{{html_code}}"></div>
在某些控制器中：
$scope.html_code = "<h1>Some fancy HTML code</h1>"
【讨论】：
听起来您想要一个选项卡以显示“条件数据”。
有一种非常简单的方法可以使用 ng-view + 模板作为选项卡的容器来设置它。
首先设置一个基本的ng-view：
<div ng-view></div>
比通过您的应用配置连接它...
$routeProvider.
when('/tab2', {
templateUrl: 'templates/tab2.html',
controller: 'tab2'
}).
最后，您需要向路由提供者添加“条件加载”。链接语法将是 site/module?conditional （或任何你想要的带问号的）。
请参阅此处的文档并搜索 $location.search()。简单地将按钮链接到代表选项卡条件数据的条件 url。
https://docs.angularjs.org/api/ng/service/$location
注意：使用 $location.search()[""] 检索条件 url 后，只需将其连接到 url 字符串
templateUrl: 'templates/tab2' + searchObject["v"] +'.html',
为了正确路由。如果没有提供条件语句，则 url 将像往常一样路由到默认模板或 html 文件。
tl;博士： 1) 使用 $routeProvider 设置创建一个配置文件 2) 使用选项卡的数据创建指向模板的条件链接。 3) 将您的按钮链接到该链接
【讨论】：