Несколько динамических элементов управления вводом с ng-repeat в Angular JS

0

Мне нужно разработать экран конфигурации, где мне нужно получить набор значений пары ключей из db и показать в пользовательском интерфейсе обновление конфигурации. Здесь, когда значение "TRUE" или "FALSE", я должен показать элемент управления ввода как флажок, а для остальных значений я должен показать элемент управления ввода как текстовое поле. Я использовал ng-repeat для управления одним входом. Но здесь мне нужно показать два элемента управления ввода (checkbox/textbox) на основе значения. Не могли бы вы дать мне представление о том, как использовать ng-repeat для реализации с несколькими элементами управления вводом?

  • 0
    покажи нам код, который ты пробовал?
Теги:

1 ответ

1
Лучший ответ

Как насчет чего-то вроде этого:

<div ng-repeat="item in items"
     ng-init="item.showCb = item.value == 'TRUE' || item.value == 'FALSE'">

    <input type="checkbox"
           ng-if="item.showCb" />

    <input type="text"
           ng-if="!item.showCb" />

</div>

JSFIDDLE

Поделиться
  • 0
    Спасибо за ваш ответ. Я редактировал и работал над обязательной частью, где я не могу правильно установить флажок для первых трех щелчков, а также после трех щелчков, хотя значение обновляется в модели, оно содержит логическое значение, хотя я упоминал ng-true-value = "true" и ng-false-value = "false" .. Пожалуйста, проверьте мою скрипку jsfiddle.net/bngk/7urrobaa
  • 0
    Еще одно наблюдение ... По умолчанию, когда все флажки ложны, он работает нормально, и только когда флажки установлены в значение по умолчанию, это вызывает проблему
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню