Estoy creando una WebApps con AngularJS, pero tengo un problema al colocar select de HTML, lo he intentando de dos formas, en cada forma me da un problema diferente.
1º forma
Código:
<select class="cs-select cs-skin-slide" ng-model="season" ng-options="_season.name for _season in seasons" ng-change="getChampionships()">
<option value="" disabled selected>Select a season</option>
</select>
<select class="cs-select cs-skin-slide" ng-model="championship" ng-options="_championship.name for _championship in championships" ng-change="getStatistics()">
<option value="" disabled selected>Select a competition</option>
</select>
Con esta forma, los datos me los coge perfecto, y las funciones introducidas en los ng-change tambien funcionan (getChampionships(): Rellena de datos el segundo select. getStatistics: Muestra unos gráficos según las opciones elegidas en los dos select).
El problema viene que con esta forma, los select con cogen ningún estilo de diseño, me muestra dos select básicos de HTML
--------------------------------------------------------------------------------------------------------------------------------------------
2º forma
Código:
<select class="cs-select cs-skin-slide" ng-model="season" ng-change="getChampionships()">
<option value="" disabled selected>Select a season</option>
<option value="{{_season.code}}" ng-repeat="_season in seasons">{{_season.name}}</option>
</select>
<select class="cs-select cs-skin-slide" ng-model="championship">
<option value="" disabled selected>Select a competition</option>
<option value="{{_championship.code}}" ng-repeat="_championship in championships">{{_championship.name}}</option>
</select>
Con esta forma, los estilos los coge perfecto, pero no me recoge los datos desde el modelo.
--------------------------------------------------------------------------------------------------------------------------------------------
2 preguntas
1º ¿Álguien sabe solucionar alguno de los casos?
2º ¿Cual de las dos opciones es mejor y por que?
GRACIAS ANTICIPADAS