问题描述:Angular 10中的ngb-progress bar未显示。
解决方法:
npm install --save @ng-bootstrap/ng-bootstrap
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
@NgModule({
...
imports: [NgbModule, ...],
...
})
export class AppModule {
}
在组件的HTML模板中添加ngb-progress bar,并使用合适的属性绑定值和样式。
在组件的类型Script文件中定义相关属性。
export class MyComponent {
progressValue = 50; // 设置进度值
progressType = 'success'; // 设置进度条样式
}
确保ngb-progress bar的父元素具有适当的高度,以便能够正确显示进度条。
确保ngb-progress bar的父元素不隐藏或不可见,否则进度条将无法显示。
export class MyComponent {
showProgressBar = true; // 设置父元素的可见性
}
通过检查以上几点,您应该能够解决Angular 10中ngb-progress bar未显示的问题。