Muestra de forma predeterminada el marcador de posición en la última posición en el menú desplegable de selección en angularjs: javascript, json, angularjs, html5

Si estoy pasando los datos json y lo muestro endesplegable su trabajo bien utilizando angularjs y html5. Pero cuando obtengo los datos de los servicios y los muestro en el menú desplegable de selección. El marcador de posición aparece en la última posición con el color negro y otros datos de los servicios en la parte superior del marcador de posición. Entonces los primeros datos están en color gris. ¿Puedes ayudarme por favor con respecto a este problema?

datos json:

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

en angularjs estoy usando

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

Respuestas

El tema aquí es con ng-if - ng-if hace que Angular agregue / elimine el elemento del DOM, y por lo tanto (supongo) el <option> Elemento se agrega el último cuando los datos de conducción ng-if Proviene de una operación asíncrona.

La solución es utilizar. ng-show en lugar de ng-if:

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

Aquí está un plunker que ilustra las diferencias