Question

每个人，我都是Angular的新手。我需要使用材质角度创建一个简单列表。我只有空白的白色网页，而不是按钮。下面是我的代码

模板文件：

<mat-list>
  <mat-list-item> Pepper </mat-list-item>
  <mat-list-item> Salt </mat-list-item>
  <mat-list-item> Paprika </mat-list-item>
 </mat-list>

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { TestComponent } from './test/test.component';
import {MaterialModule} from './material/material.module'
import {MatSlideToggleModule} from '@angular/material/slide-toggle';
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {MatButtonModule} from '@angular/material/button';
import {MatListModule} from '@angular/material/list';

@NgModule({
  declarations: [
    AppComponent,
    TestComponent,
    // MatSlideToggleModule
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    MaterialModule,
    FormsModule,
    MatSlideToggleModule,
    BrowserAnimationsModule,
    MatButtonModule,
    MatListModule
    ],
  providers: [],
  bootstrap: [AppComponent],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class AppModule { }

Answer 1

您可以在控制台中检查是否有错误吗？

输出白页时，通常是由于某些HTML错误（标记未关闭或类似）引起的。也可能是某些导入模块的错误。在这两种情况下，您都会在控制台中发现一个红色错误，该错误会准确告诉您代码中缺少的内容以正确显示您的应用程序。

使用chrome，您可以执行f12，在控制台上单击并进行检查。请务必启用错误。 like here

角度-材质标签无法正常工作

1 个答案: