SORU
6 HAZİRAN 2013, PERŞEMBE


Boolean değerleri ile modeller için Bağlayıcı radyo düğmeleri AngularJS

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

CEVAP
26 AĞUSTOS 2013, PAZARTESİ


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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • katherine gomez

    katherine go

    1 Aralık 2011
  • Manuel Vizcaino

    Manuel Vizca

    27 Mayıs 2008
  • VJ VIMANA

    VJ VIMANA

    3 Mayıs 2007