2016-07-03 2 views
0

у меня есть выбор поля в модели пользователя:как использовать выбор Джанго в angularJS

GENDER_CHOICES = (
    ('M', 'Male'), 
    ('F', 'Female'), 
) 

gender = models.CharField(max_length=1, choices=GENDER_CHOICES, default='M') 

после сериализации я получаю: enter image description here

и в моем шаблоне я хочу использовать радио-кнопки:

<div class="radio-item"> 
    <div class="label-text">Пол</div> 
    <div class="item"> 
    <input type="radio" name="sex" id="male"> 
    <label for="male"><span></span> Male</label> 
    </div> 
    <div class="item"> 
    <input type="radio" name="sex" id="female"> 
    <label for="female"><span></span> Female</label> 
    </div> 
</div> 
+0

Используйте радио, чтобы сделать что? Вопроса не хватает подробностей. Не похоже, что вы прочитали документацию по использованию радио в угловом – charlietfl

ответ

1

Кажется, что вы получаете данные от API и привязки к форме. Таким образом, в вашем случае вы можете использовать ng-model через radio входов.

Но перед этим 1-й предмет вам нужно привязать весь объект к $scope.user = data;. Кроме того, я предположил, что значения радиосвязи будут M & F.

HTML

<div class="radio-item"> 
    <div class="label-text">Пол</div> 
    <div class="item"> 
    <input type="radio" name="sex" id="male" ng-model="user.gender" value="M"> 
    <label for="male"><span></span> Male</label> 
    </div> 
    <div class="item"> 
    <input type="radio" name="sex" id="female" ng-model="user.gender" value="F"> 
    <label for="female"><span></span> Female</label> 
    </div> 
</div> 
+0

Спасибо, это помогло: D –

+0

@AlexandrDomoryonok Рад помочь вам, спасибо :-) –

Смежные вопросы