Угловой материал 2 Форма поля Проблемы внешнего вида - PullRequest
Новая
       5

Угловой материал 2 Форма поля Проблемы внешнего вида

0 голосов
/ 21 мая 2018

Я пытаюсь добавить внешний вид заливки для ввода данных в моем приложении.Я импортировал MatFormFieldModule и MatInputModule и добавил Appearance = "fill" в мой элемент mat-form-field, но я не вижу никакой заливки.Я пропустил здесь шаг?

Текущий логин приложения 

<div class="container">
    <img src="/assets/img/bt_logo_blue.svg" class="bt-logo">
    <form [formGroup]="loginForm" (ngSubmit)="login()" class="form-signin">
        <h2 class="form-signin-heading">Log in</h2>
        <mat-form-field appearance="fill">
            <input matInput type="text" class="input-block-level" id="input-email" formControlName="email" placeholder="Email Address">
            <i class="fal fa-envelope" matSuffix></i>
        </mat-form-field>
        <mat-form-field appearance="fill">
            <input matInput type="password" class="input-block-level" id="input-password" formControlName="password" placeholder="Password">
        </mat-form-field>
        <button mat-raised-button class="btn btn-large btn-primary" type="submit" color="primary">Log in</button><br/>
        <h6 id="forgot-password-link" routerLink="/forgotpassword">Forgot Password?</h6>
        <hr>
        <h6 id="no-account">Don't have an account? <a routerLink="/signup">Sign Up</a></h6>
    </form>
</div>

1 Ответ

0 голосов
/ 21 мая 2018

Это, скорее всего, вызвано неправильной версией материала.На какой версии вы находитесь?Всего 30 минут назад атрибут внешнего вида был отредактирован в git.Там все быстро меняется.

Вот рабочая версия, использующая 6.0.1:

https://stackblitz.com/angular/ndbydqgqeqx

И еще одна на 5.2.4, которая не работает:

https://stackblitz.com/edit/angular-ydqbci

Вы можете взглянуть на журнал изменений материала, чтобы увидеть все изменения поля формы, которые были сделаны недавно:

https://github.com/angular/material2/blob/master/CHANGELOG.md

...