Bir sorun boolean değerleri olan bir nesne radyo düğmesi bağlama yaşıyorum. Sınav soruları kaynak bir $alınan görüntülemek için çalışıyorum.

HTML:

<label data-ng-repeat="choice in question.choices">
  <input type="radio" name="response" data-ng-model="choice.isUserAnswer" value="true" />
  {{choice.text}}
</label>

JS:

$scope.question = {
    questionText: "This is a test question.",
    choices: [{
            id: 1,
            text: "Choice 1",
            isUserAnswer: false
        }, {
            id: 2,
            text: "Choice 2",
            isUserAnswer: true
        }, {
            id: 3,
            text: "Choice 3",
            isUserAnswer: false
        }]
};   

Bu örnek, nesne, "isUserAnswer: true" özelliği radyo düğmesi seçili olmasına neden olmaz. Ben tırnak içinde boolean değerleri saklanması, çalışır.

JS:

$scope.question = {
    questionText: "This is a test question.",
    choices: [{
            id: 1,
            text: "Choice 1",
            isUserAnswer: "false"
        }, {
            id: 2,
            text: "Choice 2",
            isUserAnswer: "true"
        }, {
            id: 3,
            text: "Choice 3",
            isUserAnswer: "false"
        }]
};   

Ne yazık ki GERİSİ benim hizmet boolean bu özellik davranır ve tırnak içinde bu değerlerin saklanması için JSON serileştirme değiştirmek için zor olacak. Benim modeli yapısını değiştirmeden modeli bağlama kurmak için başka bir yol var mı?

Here's the jsFiddle showing non-working and working objects

Angularjs doğru yaklaşım modelleri-string olmayan değerler için ng-value kullanmaktır.

Bu gibi: kodunuzu değiştirin

<label data-ng-repeat="choice in question.choices">
  <input type="radio" name="response" data-ng-model="choice.isUserAnswer" data-ng-value="true" />
  {{choice.text}}
</label>

İlan No: Straight from the horse's mouth