Uso esta librería : https://silviomoreto.github.io/bootstrap-select/examples/
Posibilidad 1
$scope.opciones = [{"id":1,"name":"Test1"},{"id":2,"name":"Test2"},{"id":3,"name":"Test3"}] ;
$scope.defecto = [{"id":1,"name":"Test1"},{"id":3,"name":"Test3"}] ;
<select ng-model="defecto" class="selectpicker" multiple >
<option ng-repeat="op.name in opciones" ng-value="op.name">{{op.name}}</option>
</select>
Me gustaría saber como puedo hacer por defecto que marque el 1 y el 3
Posibilidad 2: Uso de esta librería : https://bentorfs.github.io/angular-bootstrap-multiselect/
$scope.result2 = [{"id":1,"name":"Test1"},{"id":3,"name":"Test2"}]
$scope.getValues = function(jdbcId) {
TestService.getValues(jdbcId).then(
function(d) {
$scope.result = [{"id":1,"name":"Test1"},{"id":3,"name":"Test2"}] ;
}
);
$scope.result3 = [{"id":1,"name":"Test1"},{"id":3,"name":"Test2"}]
}
En mi html
{{result}} => me muestra [{"id":1,"name":"Test1"},{"id":3,"name":"Test2"}]
<multiselect ng-model="testing" options="result">
</multiselect> => no funciona
<multiselect ng-model="testing2" options="result2">
</multiselect> => Funciona
<multiselect ng-model="testing3" options="result3">
</multiselect> => Funciona
NOTA:
<select multiple > , no es viable porque tengo muchos select y me ocuparia mucho la página
ng-options
, asignando$scope.activadas = [1, 3];
sería suficiente, pero te muestro una forma más elegante de tener las dos cosas en una única matriz.$watch
para hacer unrefresh
al actualizar la vista encontré esta directiva que está desarrollada para ser usada en angular. El problema de tu librería es que modifica el DOM tras haberse generado y es difícil forzar su actualización :( Fíjate como la mayoría de ellos se apoyan en un elemento del DOM por encima delselect
/option
generado (por ejemplo undiv
) o soluciones similares que permitan regenerarlo sin perder la etiqueta-ng origen.