无法看到ngBootstrap设计的进度条。-角4+
无法看到ngBootstrap设计的进度条。-角4+
提问于 2018-08-22 05:41:55
我找不到我错过的东西。无法查看@ngbootstrap进度条。控制台中没有错误。
试图复制这
progressBar.html
<div class="container">
<!--<ngbd-progressbar-showvalue></ngbd-progressbar-showvalue>-->
<p><ngb-progressbar showValue="true" type="success" [value]="25"></ngb-progressbar></p>
<p><ngb-progressbar [showValue]="true" type="info" [value]="50"></ngb-progressbar></p>
<p><ngb-progressbar showValue="true" type="warning" [value]="150" [max]="200"></ngb-progressbar></p>
<p><ngb-progressbar [showValue]="true" type="danger" [value]="150" [max]="150"></ngb-progressbar></p>
</div>module.ts
import { NgModule } from '@angular/core';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
@NgModule({
imports: [NgbModule],
declarations: [firstComponent, secondComponent,thirdComponent,progressComponent,
})progressComponent.ts
@Component(
{
selector: 'ngbd-progressbar-showvalue',
// template:'<p><ngb-progressbar showValue= "true" type="success" [value]="25"></ngb-progressbar></p>'
/*<p><ngb-progressbar [showValue]= "true" type="info" [value]="50"></ngb-progressbar></p>
<p><ngb-progressbar showValue= "true" type="warning" [value]="150"" [max]="200"></ngb-progressbar></p>'
*/
// ,
templateUrl: './skills.component.html',
/*styleUrls: ['./skills.component.scss']*/
styles: [`
ngb-progressbar {
margin-top: 5rem;
}
`]
})但是它的简单显示值，如下面的附件没有进度条。
。
cli版本
Angular CLI: 6.0.8
Node: 9.3.0
OS: win32 ia32
Angular: 6.0.7
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.6.8
@angular-devkit/build-angular 0.6.8
@angular-devkit/build-optimizer 0.6.8
@angular-devkit/core 0.6.8
@angular-devkit/schematics 0.6.8
@angular/cdk 6.3.2
@angular/cli 6.0.8
@angular/material 6.3.2
@ngtools/webpack 6.0.8
@schematics/angular 0.6.8
@schematics/update 0.6.8
rxjs 6.2.1
typescript 2.7.2
webpack 4.8.3谢谢你帮我
回答 1
Stack Overflow用户
发布于 2018-08-22 07:17:20
添加以下链接
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />在index.html文件中。这是CSS工作所必需的。这将是更好的实践，如果您可以下载该文件，将该文件保存在您的资产文件夹中，并将链接添加到您的index.html中的文件中，如
<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">通过这种方式，您的项目将不受影响，如果在bootstrap.min.css父链接中做了任何更改。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51960469
复制相关文章
相似问题
腾讯云开发者
