Angular 2 RC.6 Form Eingabepattern geht nie

Question

Ich versuche, es so zu machen, dass die erforderliche Eingabe in meinem Formular Validierung nicht bestehen, es sei denn, es gibt mindestens ein Nicht-Leerzeichen in den Wert, aber aus irgendeinem Grund die Validierung wird nie bestanden. Fehle ich einen Import oder etwas?

Vorlage:

<form #createForm='ngForm'> 
    <input type='text' required pattern='[/S]+' name='projectName' [(ngModel)]='projectName' placeholder='Give your project a name...' class='focusOnMe'> 
</form> 

Komponente:

import { 
    Component, 
    ElementRef 
} from '@angular/core'; 

Component({ 
    selector: 'cmg-modal-create', 
    template: require('./modals.create.html') 
}) 

export class ModalCreateComponent extends CreateModal { 
    ... 
} 

Modul:

@NgModule({ 
    declarations: [ 
    ModalCreateComponent 
    ... 
    ], 
    exports: [ 
    ... 
    ], 
    imports: [ 
    CommonModule, 
    FormsModule, 
    ... 
    ] 
}) 

Answer 1

Sieht so aus, als hätte die Regex nicht so funktioniert, wie ich es erwartet habe. Ich endete mit diesem Muster, das besagt, dass das erste Zeichen kein Leerzeichen sein darf. Ich möchte es aktualisieren tun, dass das erste Zeichen ein Leerzeichen sein kann, solange es ein anderes Zeichen nach ihm gibt, aber ich konnte das nicht herausfinden.

<input type='text' name='projectName' [(ngModel)]='projectName' required pattern='[^\s][\W\w]+' placeholder='Give your project a name...' class='focusOnMe'> 

Answer 2

Werfen Sie einen Blick auf dieses Codebeispiel mit benutzerdefinierten Validierung: https://github.com/Farata/angular2typescript/blob/master/chapter7/form-samples/app/06_custom-validator-directive.ts