文章/答案/技术大牛

发布

社区首页 >问答首页 >Angular 8材质不渲染

问Angular 8材质不渲染
EN

Stack Overflow用户

提问于 2019-11-28 14:43:02

回答 2查看 68关注 0票数 0

我的Angular 8材质组件渲染不正确，.It应该如下例所示：

但它看起来像这样：

下面是app.module.ts：

import { FormsModule } from '@angular/forms';
import {MatFormFieldModule} from '@angular/material/form-field';

@NgModule({
   declarations: [
   AppComponent,
   LoginComponent
],
imports: [
  BrowserModule,
  AppRoutingModule,
  BrowserAnimationsModule,
  FormsModule,
  MatFormFieldModule
],
  providers: [],
  bootstrap: [AppComponent]
})

export class AppModule { }

这是app.component.html

<div class="example-container">
<mat-form-field>
    <input matInput placeholder="Input">
</mat-form-field>

<mat-form-field>
    <textarea matInput placeholder="Textarea"></textarea>
</mat-form-field>

<mat-form-field>
    <mat-select placeholder="Select">
        <mat-option value="option">Option</mat-option>
    </mat-select>
</mat-form-field>

angular

angular-material

回答 2

Stack Overflow用户

发布于 2019-11-28 14:47:14

我认为你应该使用MatSelectModule和MatInputModule

因为用于Matform的MatFormModule

所以你的模块应该是这样的

import { FormsModule } from '@angular/forms';
import {MatFormFieldModule} from '@angular/material/form-field';

import {MatSelectModule,MatInputModule} from '@angular/material/form-field';

@NgModule({
   declarations: [
   AppComponent,
   LoginComponent
],
imports: [
  BrowserModule,
  AppRoutingModule,
  BrowserAnimationsModule,
  FormsModule,
  MatFormFieldModule,
  MatSelectModule,
  MatInputModule
],
  providers: [],
  bootstrap: [AppComponent]
})

export class AppModule { }

你也可以在style.css文件中导入css

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

WORKING DEMO

票数 1

Stack Overflow用户

发布于 2019-11-28 14:46:50

您可以在此页面的顶部看到组件所需的内容：

material input component

material select component

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59083102

复制

相似问题

问Angular 8材质不渲染
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular 8材质不渲染EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular 8材质不渲染
EN