相关疑难解决方法(0)

AngularJS - 将单选按钮绑定到具有布尔值的模型

我在将单选按钮绑定到属性具有布尔值的对象时遇到问题.我正在尝试显示从$资源中检索到的考试题目.

HTML:

<label data-ng-repeat="choice in question.choices">
  <input type="radio" name="response" data-ng-model="choice.isUserAnswer" value="true" />
  {{choice.text}}
</label>
Run Code Online (Sandbox Code Playgroud)

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
        }]
};   
Run Code Online (Sandbox Code Playgroud)

使用此示例对象,"isUserAnswer:true"属性不会导致选择单选按钮.如果我将布尔值封装在引号中,它就可以工作.

JS:

$scope.question = {
    questionText: "This is a test question.",
    choices: [{
            id: 1,
            text: "Choice 1",
            isUserAnswer: "false"
        }, {
            id: 2,
            text: "Choice 2", …
Run Code Online (Sandbox Code Playgroud)

data-binding model radio angularjs

196
推荐指数
4
解决办法
21万
查看次数

标签 统计

angularjs ×1

data-binding ×1

model ×1

radio ×1