为什么我的tabset标签出现未知

Question

我目前正在尝试使用＆＃39; tabset＆＃39;创建一组标签。使用ui-bootstrap-0.9.0.min.js标记，但eclipse会将其标记为未知选项卡。当我在浏览器上启动页面时，我得到的是{{tabcontent}}。下面是我如何调用bootstrap脚本以及我如何调用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>

Answer 1

安装ngx-bootstrap

npm i ngx-bootstrap

将TabsModule导入模块中，即app.module.ts

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

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