首頁猿問 AngularJS后臺表單數(shù)據(jù)處理

AngularJS后臺表單數(shù)據(jù)處理

JavaScript

大話西游666 2018-09-13 13:10:28

從后臺獲取JSON的數(shù)據(jù)： { "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數(shù)據(jù)是FEMALE則單選框女性的input為單選狀態(tài)，增加checked="true";怎么綁定上？

查看完整描述

1 回答

翻翻過去那場雪

TA貢獻2065條經(jīng)驗獲得超14個贊

官方示例
 Plunker 示例

只要屬性值對應上就可以了，獲取的數(shù)據(jù)直接賦值給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