（角度6）按钮标签不显示

Question

你好，那里

我正在尝试在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标签或仅是文本。它们都出现了，但是由于表单验证器，我需要一个按钮。 （顺便说一句，简单的按钮标签也不会出现）

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

Answer 1

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

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

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