2014-10-30 6 views
0

Я делал страницу макета с использованием только угловых JS и html. Интересно, если есть быстрее, что может динамическую привязка выбранного значения в HTML углового объекта Таких, как если бы я STH нравится:Выбор HTML с угловым связыванием

 item.dropdownvalue = 0; 

     <select> 
      <option value=0>Pre-Launch</option> 
      <option value=1>Active</option> 
      <option value=2>Complete</option> 
     </select> 

Что я могу связать его с dropwown так оказаться:

 <select> 
      <option value=0 selected>Pre-Launch</option> 
      <option value=1>Active</option> 
      <option value=2>Complete</option> 
     </select> 

Так же, как HTML Dropdown Helper в MVC5

+0

Я не уверен точно, что вы просите, но вы посмотрели варианты углового выбора в https: //docs.angula rjs.org/api/ng/directive/select? – rtucker88

ответ

1

УПРОЩЕННОЙ:

Если вы просто хотите повлиять на выбранное состояние, вы можете сделать свой собственный HTML и просто привязать значение области к выбранному параметру с помощью ng-model. См упрощена Plunker в http://plnkr.co/edit/YIwBhEQOKDFgjKmv9Qvy?p=preview

ОРИГИНАЛЬНЫЙ ОТВЕТ:

Это может быть достигнуто путем иметь массив с вашими ценностями и построения избранного с нг-варианта углового директивы:

<select name="state" ng-model="dropdownvalue" ng-options="states.indexOf(state) as state for state in states"></select> 

Вы можете см. это в действии в следующем Plunker: http://plnkr.co/edit/HY9Zpzbe9MhrYCVdNtgi?p=preview

+0

Hum Я ищу более простое решение, которое я могу сделать без создания состояния, но благодаря вашей работе – Ricc

+0

Была ли упрощенная версия, которая не создает параметры в Angular и использует только привязку данных для создания выбранного вариант. Это то, что вы ищете? Если это поможет, пожалуйста, поддержите и получите ответ. Удачи! – Mike

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