Question

我在Angular 2中有一个表单如下：

<form #conForm="ngForm" id="formConnection" >
    <div class="row">
        <label>Name</label>
        <input id="inputName"
               type="text"
               placeholder="Name (required)"
               required minlength="3"
               [(ngModel)]="connector.name"
               ngControl="nameField"
               #nameField="ngModel"
               name="formInput" />
        <span *ngIf="nameField.errors && (nameField.dirty || nameField.touched)">
            <span *ngIf="nameField.errors.required">Enter name</span>
        </span>
    </div>

    <div class="row">
        <label>Description</label>
        <input [(ngModel)]="connector.description"
               id="inputDescription"
               type="text"
               required minlength="3"
               ngControl="descField"
               name="descriptionInput"
               #descField="ngModel" />
    </div>

<button type="submit" id="publishConButton"
 (click)="conForm.valid && Publish()" [disabled]="isSaving">Publish</button>

它基本上要求姓名和描述然后我有一个按钮来发布输入的内容。这个验证有效，它不会调用函数Publish，除非满足所有验证。但是，角度2在每个输入字段中很好地呈现的所有弹出对话框都不再显示。所以我必须添加自己的字段来显示我不喜欢的消息。

在我之前的按钮尝试中我只做了

 <button type="submit" id="publishConButton"
 (click)="Publish()" [disabled]="isSaving">Publish</button>

在这个弹出框中很好地显示了弹出框，显示了一个内置于角度的漂亮弹出窗口所需的最少3个字符。但遗憾的是，发布函数确实在此调用，并且已发布无效连接。任何人都知道这是为什么？

Angular 2验证不会显示弹出的内置角度2

0 个答案: