Question

我试图在我的应用程序中添加填充外观以形成输入。我导入了MatFormFieldModule和MatInputModule并添加了外观=＆＃34; fill＆＃34;到我的mat-form-field元素，但我没有看到任何填充。我在这里错过了一步吗？

Current Application Login

＆＃13;

<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>

＆＃13;

Answer 1

这很可能是由错误版本的材料引起的。你在哪个版本？就在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

角度材料2形式场外观问题

1 个答案: