Angular 无法看到ngBootstrap设计'；s进度条。-角度4+；

我找不到我错过的东西。我无法查看@ngbootstrap进度条。控制台中没有错误

试图复制

progressBar.html progressComponent.ts 感谢您帮助我添加下面的链接

<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父链接中做了任何更改，您的项目将不会受到影响。

首先，对于ng bootstrap的最新版本，您至少需要Angular 6.1.0，而不仅仅是4+。第二，您似乎只是忘记了将引导CSS添加到应用程序中。@JBNizet实际上，我的仅为angular 6。我只是把它称为4，这样每个人都能问到我的问题。你能详细说明一下“忘记添加引导CSS”吗？在哪里添加？有几种方法。一种是依赖CDN（参见链接到的stackblitz中的index.html文件）。另一种方法是在应用程序中安装它，如下所述：。我有多傻。。？正如你所说，cdn发挥了神奇的作用。现在它开始工作了。。你能告诉我，这是在index.html中添加cdn的正确方法吗？这是好的做法吗？它有优点也有缺点。您不能自定义CSS（SCSS变量、包含的部分等）。如果你在本地测试你的应用程序，你仍然需要网络来下载CSS。如果CDN已关闭或受损（这不太可能），您的应用程序将不再工作。这样做的好处是，如果你的应用程序的用户使用与你相同的CDN URL访问另一个网站，那么他可能已经在浏览器缓存中使用了CSS。当然，你不用为带宽付费。是的，我刚才看到了评论。尽管如此，如果未来的程序员面临类似的问题，我还是会为他们保留答案。

@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;
}
`]
})

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

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />

<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">