Вопрос:

Материал угловой - не работает должным образом

angular material-design angular-material angular-material2 material

302 просмотра

2 ответа

26 Репутация автора

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

app.module.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 { }

app.component.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>

app.component.css

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

Ничто не работает должным образом ссылки на их сайте.

Я почти уверен, что что-то забыл, но я смотрю повсюду на их сайте и даже не знаю, что ...

Спасибо за помощь.

Автор: Arn.vrn7 Источник Размещён: 11.03.2018 07:23

Ответы (2)


2 плюса

56 Репутация автора

Решение

Импорт темы обычно выполняется в таблице стилей style.css.

Автор: Alex Seitz Размещён: 11.03.2018 08:12

1 плюс

21 Репутация автора

Если проблема заключается в том, что анимация нажатия материала на входе не работает должным образом, возможно, вы не определили тему материала: перейдите в файл styles.css внутри папки src и напишите тему строки следующим образом:

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

Чтобы выбрать другую тему: рассмотрите руководство по Angular .

Автор: Pedro Molina Размещён: 25.04.2019 04:32
Вопросы из категории :
32x32