我可能无法将ngx-bootstrap安装到我的Angular 4项目中,因此无法使用预定义的模板。我已经阅读了以下两个链接以获取ngx-bootstrap安装信息,请指导我正确的操作方式。
https://valor-software.com/ngx-bootstrap/#/getting-started
https://loiane.com/2017/08/how-to-add-bootstrap-to-an-angular-cli-project/
我可能无法将ngx-bootstrap安装到我的Angular 4项目中,因此无法使用预定义的模板。我已经阅读了以下两个链接以获取ngx-bootstrap安装信息,请指导我正确的操作方式。
https://valor-software.com/ngx-bootstrap/#/getting-started
https://loiane.com/2017/08/how-to-add-bootstrap-to-an-angular-cli-project/
ngx-bootstrap
包含由Angular驱动的所有核心(以及非核心)Bootstrap组件。因此,您不需要包含原始JS组件,但我们使用了Bootstrap提供的标记和CSS。
安装说明
请查看官方Github上的入门指南页面。
控件和文档在此处可用。
从npm安装ngx-bootstrap:
npm install ngx-bootstrap --save
将需要的包添加到NgModule导入中:
import { TooltipModule } from 'ngx-bootstrap/tooltip';
@NgModule({
...
imports: [TooltipModule.forRoot(),...]
...
})
将组件添加到您的页面:
<button type="button" class="btn btn-primary"
tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Simple demo
</button>
<!-- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
Bootstrap 4
<!--- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
-g
。否则,您只能将其安装在您的项目位置上。 - RajeshKdev