Tengo un formulario en Angular 2 que se ve así:

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

Básicamente, solicita el nombre y la descripción, luego tengo un botón para publicar el contenido que se ha escrito. Esta validación funciona, no llamará a la función Publicar a menos que se satisfaga toda la validación. Sin embargo, todo el cuadro de diálogo emergente que angular 2 presenta muy bien en cada campo de entrada ya no aparece. Así que tengo que agregar mi propio campo para mostrar el mensaje que no me gusta.

en mi intento anterior en mi boton solo hice

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

En esto, los cuadros emergentes se mostraron muy bien y muestran un mínimo de 3 caracteres necesarios en una ventana emergente agradable integrada en angular. Pero, lamentablemente, se llama a la función Publicar y se publica una conexión no válida. ¿Alguien sabe por qué es esto?