Wie Winkeleigenschaften wie $ pristine auf einem dynamischen Formular angezeigt werden

Ich habe diese dynamische Form, oder zumindest Teil ist dynamisch. Ich möchte die Werte für einige der Formulareigenschaften auf dem Bildschirm ausloggen, um mir zu helfen. Die folgende Art von Arbeiten, aber der Text auf der Seite wird nicht aktualisiert, wenn sich die Dinge ändern.

Jede Hilfe sehr geschätzt.

<div layout="column"> 
    <span>{{property.name}}-Error:{{roomForm['property'+property.id].$error}}</span> 
    <span>{{property.name}}-Dirty:{{roomForm['property'+property.id].$dirty}}</span> 
    <span>{{property.name}}-Touched:{{roomForm['property'+property.id].$touched}}</span> 
    <span>{{property.name}}-Pristine:{{roomForm['property'+property.id].$pristine}}</span> 
    <span>{{property.name}}-Valid:{{roomForm['property'+property.id].$valid}}</span> 
</div>

Habe auch versucht:

<span>{{property.name}}-Error:roomForm['property'+property.id].$error</span>

, die nicht von

Output funktionierten {{}} roomForm

{ 
    "$error" : { 
     "required" : [{ 
       "$viewValue" : "", 
       "$modelValue" : "", 
       "$validators" : {}, 
       "$asyncValidators" : {}, 
       "$parsers" : [null], 
       "$formatters" : [null, null], 
       "$viewChangeListeners" : [], 
       "$untouched" : true, 
       "$touched" : false, 
       "$pristine" : true, 
       "$dirty" : false, 
       "$valid" : false, 
       "$invalid" : true, 
       "$error" : { 
        "required" : true 
       }, 
       "$name" : "Name", 
       "$options" : null 
      }, { 
       "$viewValue" : "", 
       "$modelValue" : "", 
       "$validators" : {}, 
       "$asyncValidators" : {}, 
       "$parsers" : [null, null, null], 
       "$formatters" : [null, null], 
       "$viewChangeListeners" : [], 
       "$untouched" : true, 
       "$touched" : false, 
       "$pristine" : true, 
       "$dirty" : false, 
       "$valid" : false, 
       "$invalid" : true, 
       "$error" : { 
        "required" : true 
       }, 
       "$name" : "Capacity", 
       "$options" : null 
      }, { 
       "$viewValue" : "", 
       "$modelValue" : "", 
       "$validators" : {}, 
       "$asyncValidators" : {}, 
       "$parsers" : [null, null, null], 
       "$formatters" : [null, null], 
       "$viewChangeListeners" : [], 
       "$untouched" : true, 
       "$touched" : false, 
       "$pristine" : true, 
       "$dirty" : false, 
       "$valid" : false, 
       "$invalid" : true, 
       "$error" : { 
        "required" : true 
       }, 
       "$name" : "property", 
       "$options" : null 
      }, { 
       "$viewValue" : "", 
       "$modelValue" : "", 
       "$validators" : {}, 
       "$asyncValidators" : {}, 
       "$parsers" : [null, null, null], 
       "$formatters" : [null, null], 
       "$viewChangeListeners" : [], 
       "$untouched" : true, 
       "$touched" : false, 
       "$pristine" : true, 
       "$dirty" : false, 
       "$valid" : false, 
       "$invalid" : true, 
       "$error" : { 
        "required" : true 
       }, 
       "$name" : "property", 
       "$options" : null 
      }, { 
       "$viewValue" : "", 
       "$modelValue" : "", 
       "$validators" : {}, 
       "$asyncValidators" : {}, 
       "$parsers" : [null], 
       "$formatters" : [null, null], 
       "$viewChangeListeners" : [], 
       "$untouched" : true, 
       "$touched" : false, 
       "$pristine" : true, 
       "$dirty" : false, 
       "$valid" : false, 
       "$invalid" : true, 
       "$error" : { 
        "required" : true 
       }, 
       "$name" : "property", 
       "$options" : null 
      } 
     ] 
    }, 
    "$name" : "roomForm", 
    "$dirty" : true, 
    "$pristine" : false, 
    "$valid" : false, 
    "$invalid" : true, 
    "$submitted" : false, 
    "Name" : { 
     "$viewValue" : "", 
     "$modelValue" : "", 
     "$validators" : {}, 
     "$asyncValidators" : {}, 
     "$parsers" : [null], 
     "$formatters" : [null, null], 
     "$viewChangeListeners" : [], 
     "$untouched" : true, 
     "$touched" : false, 
     "$pristine" : true, 
     "$dirty" : false, 
     "$valid" : false, 
     "$invalid" : true, 
     "$error" : { 
      "required" : true 
     }, 
     "$name" : "Name", 
     "$options" : null 
    }, 
    "description" : { 
     "$viewValue" : "", 
     "$modelValue" : "", 
     "$validators" : {}, 
     "$asyncValidators" : {}, 
     "$parsers" : [null], 
     "$formatters" : [null, null], 
     "$viewChangeListeners" : [], 
     "$untouched" : true, 
     "$touched" : false, 
     "$pristine" : true, 
     "$dirty" : false, 
     "$valid" : true, 
     "$invalid" : false, 
     "$error" : {}, 
     "$name" : "description", 
     "$options" : null 
    }, 
    "Capacity" : { 
     "$viewValue" : "", 
     "$modelValue" : "", 
     "$validators" : {}, 
     "$asyncValidators" : {}, 
     "$parsers" : [null, null, null], 
     "$formatters" : [null, null], 
     "$viewChangeListeners" : [], 
     "$untouched" : true, 
     "$touched" : false, 
     "$pristine" : true, 
     "$dirty" : false, 
     "$valid" : false, 
     "$invalid" : true, 
     "$error" : { 
      "required" : true 
     }, 
     "$name" : "Capacity", 
     "$options" : null 
    }, 
    "property" : { 
     "$viewValue" : "", 
     "$modelValue" : "", 
     "$validators" : {}, 
     "$asyncValidators" : {}, 
     "$parsers" : [null], 
     "$formatters" : [null, null], 
     "$viewChangeListeners" : [], 
     "$untouched" : true, 
     "$touched" : false, 
     "$pristine" : true, 
     "$dirty" : false, 
     "$valid" : false, 
     "$invalid" : true, 
     "$error" : { 
      "required" : true 
     }, 
     "$name" : "property", 
     "$options" : null 
    } 
}

Quelle

2016-04-12 S Rosam

zu schaffen, was diese Anzeige tat ' {{roomForm}}? Der Schlüssel sollte die Eingänge Namen – AlainIb

eine Bootsladung Zeug sein .. aber ich sehe keine meiner dynamischen Felder. –

Es stellte sich heraus, dass es nur ich war .. Es gab keine IDs in den Daten, so dass alle Felder den gleichen Namen hatten! –

Bitte versuchen Sie dies: JSFiddle. Sie müssen den Formularfeldern einen Namen geben, damit Angular eine Eigenschaft an das Formular anhängt (unter $scope).

Der Code ist einfach wie:

<div ng-app="Joy"> 
    <form action="" name="myForm"> 
    <input type="text" ng-model="myInput" name="inputName"> 
    {{ myForm.inputName | json }} 
    </form> 
</div>

Quelle

2016-04-12 09:45:11 Joy

danke. Dies hat mir geholfen zu verstehen, was möglich ist, um die Werte abzumelden. –

versuchen diese

https://jsfiddle.net/9y80vL6o/

<div ng-app="Joy"> 
    <form action="" name="roomForm"> 
    <input type="text" ng-model="myInput" name="Capacity" required> 
    <pre>{{ roomForm['Capacity'] | json }} </pre> 
    </form> 
</div>

Ich weiß nicht, wie dynamicly Sie die Ausgabe

Quelle

2016-04-12 09:55:03 AlainIb

danke. Dies hat mir geholfen zu verstehen, was möglich ist, um die Werte abzumelden. –

Wie Winkeleigenschaften wie $ pristine auf einem dynamischen Formular angezeigt werden

Antwort

Verwandte Themen