材质角度 - 无法正常工作

Question

https://material.angular.io/guide/getting-started

ng new testapp
cd testapp
npm install --save @angular/material @angular/cdk
npm install --save @angular/animations
ng serve

应用程序模块.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatFormFieldModule, MatInputModule } from '@angular/material';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatFormFieldModule,
    MatInputModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

应用程序组件.html

<p>Test Angular Material</p>

<form>
  <mat-form-field class="example-full-width">
    <input matInput placeholder="Favorite food" value="Sushi">
  </mat-form-field>
</form>

应用程序组件.css

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

他们的网站上没有任何正常工作的链接。

我很确定我忘记了一些东西，但我在他们的网站上到处都在看，甚至不知道是什么......

感谢您的帮助。

Answer 1

主题的导入通常在 style.css 样式表中。