За замовчуванням покажте заповнювач в останній позиції у виділеному спадному меню angularjs - javascript, json, angularjs, html5

Якщо я передаю дані json і відображаю їх увипадає його робота чудово за допомогою angularjs та html5. Але коли я отримую дані від служб і відображаюсь у виділеному спадному меню. Заповнювач заповнюється внизу на останньому місці з чорним кольором та іншими даними від служб у верхній частині власника місця. Тоді перші дані мають сірий колір. Чи можете ви мені допомогти в цьому питанні?

дані json:

{
key: "filterAssignedWorkGroupName",
type: "select",
label: "workgroup"
placeholder: "select the workgroupname",
option: []
}

у angularjs я використовую

 <option ng-if="option.placeholder" value=""
selected>{{option.placeholder}}</option>

Відповіді:

Тут питання з ng-if - ng-if змушує Angular додати / вилучити елемент з DOM, і так (на мою думку) <option> елемент додається останнім під час керування даними ng-if походить від асинхронної операції.

Рішення використовувати ng-show замість ng-if:

<select ng-model="selectedOption"
ng-options="option for option in option.option">
<option ng-show="option.placeholder" value="">{{option.placeholder}}</option>
</select>

Ось а планкер що ілюструє відмінності