为什么我的标签集标签显示为未知答案

【问题标题】：Why is my tabset tag coming up as unknown为什么我的标签集标签显示为未知
【发布时间】：2014-11-17 17:43:51
【问题描述】：

我目前正在尝试使用带有 ui-bootstrap-0.9.0.min.js 的“tabset”标签创建一组标签，但 eclipse 一直将其标记为未知标签。当我在浏览器上启动页面时，我得到的只是 {{tabcontent}}。下面是我如何调用引导脚本以及如何调用 tabset 标记。我做错了什么？

    <script src="jscripts/js/ui-bootstrap-0.9.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/custom.css">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
    <script src="jscripts/profile.js"></script>


    <tabset>
            <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disabled="tab.disabled">{{tab.content}}</tab>
        </tabset>

【问题讨论】：

你有ng-app吗？
“标签”存储在哪里？它在某个地方的控制器上吗？
我在标签中有一个 data-ng-app="agentOnlineApp"。我的选项卡位于我的 profile.js 文件中。 Tabset 标签被包含 data-ng-controller="TabControl" 的 div 标签包围
您没有收到 javascript 错误吗？
不，它只是将标签标记为未知，在浏览器中运行时只显示 {{tab.content}}

标签： javascript html twitter-bootstrap angular-ui-bootstrap

【解决方案1】：

安装ngx-bootstrap

npm i ngx-bootstrap

在你的模块中导入TabsModule，即app.module.ts

import { TabsModule } from "ngx-bootstrap/tabs";

@NgModule({
  declarations: [],
  imports: [
    // ...
    TabsModule
    // ...
  ]
})
export class ProjectsModule { }

【讨论】：