Метка заполнителя Angular Material не анимируется при наборе текста в поле формы - PullRequest
Новая
       6

Метка заполнителя Angular Material не анимируется при наборе текста в поле формы

0 голосов
/ 28 июня 2018

Я использую угловой материал. Я не вижу свою метку-заполнитель (которая должна двигаться вверх), когда я начинаю что-то печатать в поле формы.

Вот мой код: 

 <mat-card-content>
      <mat-form-field class="example-full-width">
        <input matInput placeholder="Username" value="" class="form-control"
               formControlName="username" required>
      </mat-form-field>
</mat-car-content>

package.json 

"dependencies": {
    "@angular/animations": "^5.2.11",
    "@angular/cdk": "^5.0.0",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/material": "^5.0.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/router": "^5.2.0",
    "core-js": "^2.4.1",
    "inflight": "^1.0.6",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "~1.7.3",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  }

Screenshot of overlay

1 Ответ

0 голосов
/ 19 марта 2019

У меня возникла та же проблема, и я решил ее, используя предварительно созданную тему, обновив файл styles.css: 

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

Тематический угловой материал Похожие вопросы

...