为了账号安全,请及时绑定邮箱和手机立即绑定

AngularJS后台表单数据处理

AngularJS后台表单数据处理

大话西游666 2018-09-13 13:10:28
从后台获取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";怎么绑定上?
查看完整描述

1 回答

?
翻翻过去那场雪

TA贡献2065条经验 获得超13个赞

官方示例
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了。


查看完整回答
反对 回复 2018-10-09
  • 1 回答
  • 0 关注
  • 546 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信