[英]Angular Material mat-checkbox not showing
我目前正在尝试在我这边实现 Angular 材料复选框,但由于某种原因它对我不起作用。 盒子没有出现。 有人可以查看我的代码和导入吗?
这些是我目前的进口:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { MatCardModule } from '@angular/material/card';
import { MatButtonModule} from '@angular/material/button';
import { MatMenuModule } from '@angular/material/menu';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatIconModule } from '@angular/material/icon';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
MatButtonModule,
MatMenuModule,
MatToolbarModule,
MatIconModule,
MatCardModule,
MatCheckboxModule,
BrowserAnimationsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
这是我尝试创建框的代码:
<section class="example-section">
<mat-checkbox class="example-margin">Check me!</mat-checkbox>
</section>
您的代码看起来没有问题,您的项目中应该还有其他一些问题。 我在 stackblitz 上创建了一个简单的复选框示例,导入非常少: https://stackblitz.com/edit/angular-umypmc
TS:
import './polyfills';
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {CheckboxOverviewExample} from './app/checkbox-overview-example';
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
MatCheckboxModule
],
declarations: [CheckboxOverviewExample],
bootstrap: [CheckboxOverviewExample]
})
export class AppModule {}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
HTML:
<section class="example-section">
<mat-checkbox class="example-margin">Check me!</mat-checkbox>
</section>
你必须添加
import {MatCheckboxModule} from '@angular/material/checkbox';
进入你的app.module.ts ,并在 @NgModule 中导入该模块,如下所示:
import {MatCheckboxModule} from '@angular/material/checkbox';
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
MatCheckboxModule
],
...
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.