我正在開發一個 crud 應用程式的前端，當頁面必須向后端發出請求時，我需要從 angular 增加 block-ui 以阻止頁面，但它根本不起作用。我遵循了本教程：Angular 的塊 UI 實作，但仍然出現錯誤。
我正在使用
[ Angular CLI：13.2.3 節點：16.14.0 包管理器：npm 8.3.1]
這是我的模塊：
@NgModule({
declarations: [
CadastroCidadesComponent,
TabelaCidadesComponent,
CidadesComponent
],
imports: [
CommonModule,
FormsModule,
InputTextModule,
ButtonModule,
TableModule,
CascadeSelectModule,
DropdownModule,
InputNumberModule,
SharedModule,
TooltipModule,
HttpClientModule,
ReactiveFormsModule,
BlockUIModule.forRoot()
],
exports: [
CadastroCidadesComponent,
CidadesComponent
]
})
export class CidadeModule { }
這是我的組件：
@Component({
selector: 'app-cidades',
templateUrl: './cidades.component.html',
styleUrls: ['./cidades.component.css']
})
export class CidadesComponent implements OnInit {
//variables
@BlockUI() blockUI!: NgBlockUI;
constructor(private cidadeService:CidadeService) { }
//code
startBlock(){
this.blockUI.start();
setTimeout(() => {
this.blockUI.stop();
}, 5000);
}
}
當我打電話startBlock()時，它什么也沒顯示。
任何幫助表示贊賞，在此先感謝:)
uj5u.com熱心網友回復：
您是否嘗試過<div *blockUI="'list'">在您的 html 上添加一個并鏈接到 @BlockUI 之類的@BlockUI('list') blockUI!: NgBlockUI;？
uj5u.com熱心網友回復：
這是如何執行此操作的示例。 https://stackblitz.com/edit/ng-block-ui-component?file=src/app/app.component.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/436732.html