Хобрук: Ваш путь к мастерству в программировании

AngularJS Dropdown Выбранное значение, установленное в редактировании

У меня есть один запрос относительно выбранного значения в раскрывающемся списке. Выпадающий список проектов

$rootScope.projects = response;

Сначала я получаю список проектов с помощью angularjs. Это раскрывающийся список моего проекта.

Всякий раз, когда вы редактируете, как я могу установить правильное значение для раскрывающегося списка проекта.

<div class="form-group width50">
  <label class="width30 marginTop fl">Project Name</label>
  <div id="selectProject_dd" class="selectbox travel_drop-downs width50 push-right-10 push-top-15">
    <div class="select">
      <span class="tr_txt">Please Select Project</span>
    </div>
    <span class="admin-sprite f_dropdown_icon"></span> 
    <select id='project-dropdown' ng-model="projectDropDown"
      ng-selected="projectDropDown"
      ng-options="project as project.projectName for project in projects"
      ng-change="onchangeProject(projectDropDown)">
    </select>
  </div>
</div>
26.12.2014


Ответы:


1

Вы можете использовать следующий код:

<select ng-init="projectDropDown = projects[0]" id='project-dropdown' ng-model="projectDropDown" ng-options="project as project.projectName for project in projects"
  ng-change="onchangeProject(projectDropDown)"></select>

С помощью директивы ng-init и этого question сделать ng-init более понятным для вас.

26.12.2014
  • Насколько я знаю, лучше всего определять начальное значение в коде JS, а не в HTML. 26.12.2014
  • Новые материалы

    Основы принципов S.O.L.I.D, Javascript, Git и NoSQL
    каковы принципы S.O.L.I.D? Принципы SOLID призваны помочь разработчикам создавать надежные, удобные в сопровождении приложения. мы видим пять ключевых принципов. Принципы SOLID были разработаны..

    Как настроить Selenium в проекте Angular
    Угловой | Селен Как настроить Selenium в проекте Angular Держите свое приложение Angular и тесты Selenium в одной рабочей области и запускайте их с помощью Mocha. В этой статье мы..

    Аргументы прогрессивного улучшения почти всегда упускают суть
    В наши дни в кругах веб-разработчиков много болтают о Progressive Enhancement — PE, но на самом деле почти все аргументы с обеих сторон упускают самую фундаментальную причину, по которой PE..

    Введение в Джанго Фреймворк
    Схема «работать умно, а не усердно» В этой и последующих статьях я познакомлю вас с тем, что такое фреймворк Django и как создать свое первое приложение с помощью простых и понятных шагов, а..

    Настольный ПК как «одно кольцо, чтобы править всеми» домашних компьютеров
    Вид после 9 месяцев использования С настольных компьютеров все началось, но в какой-то момент они стали «серверами», и мы все перешли на ноутбуки. В прошлом году я столкнулся с идеей настольных..

    Расширенные методы безопасности для VueJS: реализация аутентификации без пароля
    Руководство, которое поможет вам создавать безопасные приложения в долгосрочной перспективе Безопасность приложений часто упускается из виду в процессе разработки, потому что основная..

    стройный-i18следующий
    Представляем стройную оболочку для i18next. Эта библиотека, основанная на i18next, заключает экземпляр i18next в хранилище svelte и отслеживает события i18next, такие как languageChanged,..