[英]Angular- Material tags are not working properly
大家好,我是 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 { }
如果你有錯誤,你能檢查一下你的控制台嗎?
當您有一個白頁輸出時,通常是因為一些 HTML 錯誤(標簽未關閉或類似)。 也可能是某些導入模塊的錯誤。 在這兩種情況下,您都會在控制台中發現一個紅色錯誤,它會告訴您代碼中缺少什么以正確顯示您的應用程序。
使用 chrome,您可以執行 f12,單擊控制台並檢查。 一定要啟用錯誤。 像這兒
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.