Add space to <select> with ng-options

Answer 1

you can format the option text:

<select ng-model="color" ng-options="('&nbsp;'+c.name) for c in colors">
    <option value="">&nbsp;default</option>
</select>

EDIT

If you want to generate the   dynamically it is a little bit more complicated. Suppose you have a function in your controller that knows how many   you want to add, then you can write this function like this:

$scope.addSpaces= function(color){
    var count = 1;// put your logic here
    var result = "";
    for(var i=0; i<count; i++){
        result+= String.fromCharCode(160);
    }
    return result;
};

in your html it will be:

<select ng-model="color" ng-options="(addSpaces(c)+c.name) for c in colors">
    <option value="">&nbsp;default</option>
</select>

This works because we concatenate the unicode character for   (e.g.  ) in our string and not the entity, so there is nothing to escape for the element.text() function.