erstellen reaktive Form Array mit verschiedenen Validierungen in Array

ich auf Angular4 reaktive Formen vor kurzem damit begonnen, ich will ein Formular Array unter Struktur basierend auf erstellenerstellen reaktive Form Array mit verschiedenen Validierungen in Array

"ContactPoints": 
[{"ContactPointID":33,"EntityID":9,"System":"phone","Value":"1234567890","Use":"work","Rank":1,"InUseStart":"2017-07-14T00:00:00","InUseEnd":"2017-10-22T00:00:00"}, 
{"ContactPointID":34,"EntityID":9,"System":"phone","Value":"1234567890","Use":"home","Rank":1,"InUseStart":"2017-07-14T00:00:00","InUseEnd":"2017-10-22T00:00:00"}, 
{"ContactPointID":35,"EntityID":9,"System":"fax","Value":"1234567890","Use":"work","Rank":1,"InUseStart":"2017-07-14T00:00:00","InUseEnd":"2017-10-22T00:00:00"}, 
{"ContactPointID":36,"EntityID":9,"System":"email","Value":"[email protected]","Use":"work","Rank":1,"InUseStart":"2017-07-21T00:00:00","InUseEnd":"2017-10-29T00:00:00"}, 
{"ContactPointID":37,"EntityID":9,"System":"email","Value":"[email protected]","Use":"home","Rank":1,"InUseStart":"2017-07-21T00:00:00","InUseEnd":"2017-10-29T00:00:00"}],

Im Folgenden finden Sie HTML-Syntax, wobei i jeweiligen Eingang erhalten muß Werte in Wert und System und die Nutzung auf System basiert hartcodierte Werte und Validierungen werden, wird sehr hilfreich sein Anregungen bei der Erreichung dieses

<div class="col-md-4" formArrayName="ContactPoints"> 
       <div class="form-group form-group-default " formGroupName=0> 
        <label class="control-label">Main Number</label> 
        <input type="text" class="form-control" formControlName="Value"> 
       </div> 
      </div> 

<div class="col-md-4" formArrayName="ContactPoints"> 
        <div class="form-group form-group-default " formGroupName=1> 
         <label class="control-label">Main Number</label> 
         <input type="text" class="form-control" formControlName="Value"> 
        </div> 
       </div>

Quelle

2017-09-16 vamsi krishna

Also wo sind Sie Validierungsregeln? –

@ AngularInDepth.com Ich möchte die Validierungen auch basierend auf dem Systemwert in JSON erreicht werden, angenommen, wenn "System": "Telefon" sollte die Telefonnummer Validierung auslösen, und ich bin verwirrt, wo Validierungsregeln in oben genannten Szenario setzen –

Wie Deklarieren Sie Ihre FormGroup-Instanz? – yurzui

Sie dynamische Formulare verwenden können, https://angular.io/guide/dynamic-form, dies zu erreichen. Wenn Sie jeden Eingangstyp (in Ihrem Fall System: Telefon, E-Mail, Fax) als separate Komponenten verwenden und die Validierungen in den Komponenten hinzufügen, können Sie Ihr Szenario leichter erreichen. Siehe: https://toddmotto.com/angular-dynamic-components-forms gibt ein gutes Beispiel dafür, wie man diese Art von dynamischen Formen erreichen kann

Quelle

2017-11-27 10:12:01 crystalthinker

erstellen reaktive Form Array mit verschiedenen Validierungen in Array

Antwort

Verwandte Themen