Winkelschienen nicht lösend - Ruby-on-Rails, angularjs

Wir haben derzeit einen fest codierten Code:

ng-form class="form-horizontal" name="genderForm">
<div data-fields="">
<div class="form-field-gender control-group form-field" data-field="">
<div class="controls" data-input="">
<label class="radio">
<input type="radio" ng-model="appuser.traits[6]" ng-value= "[42198]" name="field-input-gender" id="field-input-gender-0" required>
<i class="fa fa-male fa-fw"></i> {{genderQuestion.traits[0].value_text}}
</label>
<label class="radio">
<input type="radio" name="field-input-gender" ng-model="appuser.traits[6]" id="field-input-gender-1" ng-value="[42199]" required>
<i class="fa fa-female fa-fw"></i> {{genderQuestion.traits[1].value_text}}
</label>
</div>
<div class="controls">
<div class="text-error" data-error="">
</div>
</div>
</div>
</div>

</ng-form>

Idealerweise wird es dynamisch sein und sollte in etwa so aussehen:

ng-form class="form-horizontal" name="genderForm">
<div data-fields="">
<div class="form-field-gender control-group form-field" data-field="">
<div class="controls" data-input="">
<label class="radio">
<input type="radio" ng-model="appuser.traits[{{genderQuestion.id}}]" ng-value= "[{{genderQuestion.traits[0].id}}]" name="field-input-gender" id="field-input-gender-0" required>
<i class="fa fa-male fa-fw"></i> {{genderQuestion.traits[0].value_text}}
</label>
<label class="radio">
<input type="radio" name="field-input-gender" ng-model="appuser.traits[6]" id="field-input-gender-1" ng-value="[{{genderQuestion.traits[1].id}}]" required>
<i class="fa fa-female fa-fw"></i> {{genderQuestion.traits[1].value_text}}
</label>
</div>
<div class="controls">
<div class="text-error" data-error="">
</div>
</div>
</div>
</div>

</ng-form>

Aber etwas, von dem ich weggehen würde ng-model="appuser.traits[6]" zu ng-model="appuser.traits[{{genderQuestion.id}}]" und ng-value="[42199]" zu ng-value="[{{genderQuestion.traits[1].id}}]" scheint es zu verwirren und nicht zu lösen {{}} Felder.

Irgendeine Idee, wo ich falsch liege? Technisch genderQuestion.id = 6 und genderQuestion.traits[1].id = 42199 aber in diesem Format scheint es die nicht zu mögen.

Vielleicht würde ich vermissen wie ein toString Format oder etwas?

Antworten:

1 für die Antwort № 1

2-Wege-Datenbindung mit dem ngModel Richtlinie braucht nicht {{ }} nochmal. Sie können direkt auf das Scope-Objekt mit verweisen genderQuestion.id appuser.traits[genderQuestion.id].

Ta


Am beliebtesten