AngularJS后台表单数据处理

Question

从后台获取JSON的数据：

    {    "code":"OK",    "data":{        "age":55,        "gender":"FEMALE",
        }
     }

表单结构

<div class="wenjuan-item">
    <label>年龄</label>
    <div class="wenjuan-input">
        <input type="tel" maxlength="3" placeholder="输入您的年龄"/>
    </div>                </div><div>
    <label>性别</label>
    <div id="gender">
            <span>
                <label>男</label>
                <input class="radio-male" ng-model="male" name="radio1" type="radio">
            </span>
            <span>
                <label>女</label>
                <input class="radio-famale" ng-model="female" name="radio1" type="radio">
            </span>
    </div>                </div>

表单里面的性别，如果获取data:gender数据是FEMALE则单选框女性的input为单选状态，增加checked="true";怎么绑定上？

Answer 1

官方示例Plunker 示例只要属性值对应上就可以了，获取的数据直接赋值给ng-model。<div&nbsp;id="gender"> &nbsp;&nbsp;&nbsp;&nbsp;<span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label>男</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;class="radio-male"&nbsp;ng-model="gender"&nbsp;ng-value="male"&nbsp;name="radio1"&nbsp;type="radio"> &nbsp;&nbsp;&nbsp;&nbsp;</span> &nbsp;&nbsp;&nbsp;&nbsp;<span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label>女</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;class="radio-famale"&nbsp;ng-model="gender"&nbsp;ng-value="female"&nbsp;name="radio1"&nbsp;type="radio"> &nbsp;&nbsp;&nbsp;&nbsp;</span></div>把你的代码修改成这样直接给gender赋值就OK了。