@v-orlov

Как с помощью Angular js вывести value в блок, если чекбокс выбран?

добрый вечер. я начал изучать angularjs и застреваю на самых простых упражнениях. например, как вывести значения выбранных чекбоксов в строку myResult через запятую? нужно создавать новый контроллер или можно обойтись какими-то директивами? как это правильнее оформить? в каких случаях вообще нужно создавать контроллеры?
<div class="input-checkbox">
  <input class="checkbox" id="id1" type="checkbox" name="id1" ng-model="itemChecked1" value="Часы">
  <label for="id1">Часы</label>
</div>
<div class="input-checkbox">
  <input class="checkbox" id="id2" type="checkbox" name="id2" ng-model="itemChecked2" value="Блокнот">
  <label for="id2">Блокнот</label>
</div>
<div class="input-checkbox">
  <input class="checkbox" id="id3" type="checkbox" name="id3" ng-model="itemChecked3" value="Подушка">
  <label for="id3">Подушка</label>
</div>

<div class="myResult">Вы выбрали: {{ }}</div>


заранее спасибо за помощь
  • Вопрос задан
  • 188 просмотров
Пригласить эксперта
Ответы на вопрос 1
DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?
Контроллер нужен для страницы.
Там создаёшь четвертую переменную для result, которую обновляешь при обновлении чекбоксов:
result = itemChecked1 + ', '+itemChecked2+', '+itemChecked3

В разметке будет
Вы выбрали: {{result}}
Можно попробовать без переменной:
Вы выбрали: {{itemChecked1 + ', '+itemChecked2+', '+itemChecked3
}}

Суть должна быть ясна

embed.plnkr.co/g0NMG4rmF4uwzoG2uZhf/preview
embed.plnkr.co/PXpGyS3mPNvlEfjPodOl/preview
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы