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 id="gender">
    <span>
        <label>男</label>
        <input class="radio-male" ng-model="gender" ng-value="male" name="radio1" type="radio">
    </span>
    <span>
        <label>女</label>
        <input class="radio-famale" ng-model="gender" ng-value="female" name="radio1" type="radio">
    </span>
</div>

把你的代码修改成这样直接给gender赋值就OK了。