(角度6)按钮标签不显示

时间:2018-10-29 18:50:58

标签: html angular

你好,那里

我正在尝试在Web应用程序(Angular 6)中创建一个登录表单。奇怪的是我的Button标记没有显示在前端。而且没有编译错误。

这是我的按钮:

<form [formGroup]="loginForm" class="form mt-4" (submit)="login()">
    <div class="form-group">
        <input
            formControlName="password" 
            type="password" 
            class="form-control" 
            placeholder="Password"><br>
        <vmessage
            *ngIf="loginForm.get('password').errors?.required"
            text=" Password is required!">
        </vmessage>               
    </div>

    <button [disabled]="loginForm.invalid" 
        type="submit">
        login
    </button>

</form>

这是CSS:

button
{
    display: initial;
    background-color: pink;
}

其他任何可用的标签,p标签,标签,div标签或仅是文本。它们都出现了,但是由于表单验证器,我需要一个按钮。 (顺便说一句,简单的按钮标签也不会出现)

这对我来说毫无意义。我在这里想念什么?

1 个答案:

答案 0 :(得分:0)

因此,我设法通过将按钮标签放在跨度中来解决此问题。

如果这可以帮助某人,那就是我的解决方法:

<span *ngIf = "loginForm.valid" >Login 
    <button type="submit">
        login
    </button>
</span>