пробелы при выборе данных из раскрывающегося списка

Привет я создаю выпадающий список в angular js при выборе значений некоторые пробелы привязываются к выпадающим значениям.

Шаблон

<div class="row control-group">
    <label class="col-xs-4 col-sm-4 col-md-3 col-lg-3 control-label">{{::'label.identity'|translate}}</label>

    <div class="col-xs-7 col-sm-7 col-md-9 col-lg-9 controls">
        <select id="selectIdentity" name="selectIdentity" required ng-trim="true" ng-change="changedValue(addUser.identityProvider)" ng-model="addUser.identityProvider" >
        <!-- Empty option necessary for placeholder to work -->
        <!-- <option value="">{{::'define.selectval'|translate}}</option> -->
        <option ng-repeat="idprovider in identityProvider"
                ui-select2="select2IdentityProvider"
                class="selectIdentity" 
                ng-selected="identityProvider"                  
                ui-select2="select2LocaleSettings">
            {{idprovider}}
        </option>                       
        </select> 
        <span class="help-block"
              ng-show="addUserForm.selectIdentity.$error.required">
              {{::'error.required'|translate}}
        </span>
    </div>
</div>

Код JS

$scope.identityProvider = ['Customer','Employee'];

3 ответа

  1. Попробуйте что-то вроде этого :-

    <select id="selectIdentity" name="selectIdentity" ng-model="addUser.identityProvider">
        <option value="">Select</option>
        <option value="value 1">{{'Value 1'}}</option>
        <option value="value 2">{{'Value 2}}</option>
    </select>
    
  2. Этот код проверен, и нет пробелов:

    <select class="select2_single form-control" ng-model="module_id" tabindex="-1" ng-init="get_model_value()" id="module_id">
    <option ng-repeat="item in moduleData" ng-selected="item.selected" value="{{item.id}}">{{item.module}}</option>
    </select>
    
  3. это скроет первый пробел в раскрывающемся списке

    <option value="" selected hidden />
    

    выбранный параметр скрытый скроет пустое пространство

    <select id="selectIdentity" name="selectIdentity" required ng-trim="true" ng-change="changedValue(addUser.identityProvider)" ng-model="addUser.identityProvider" >
           <option value="" selected hidden />
            <option ng-repeat="idprovider in identityProvider"
                    ui-select2="select2IdentityProvider"
                    class="selectIdentity" 
                    ng-selected="identityProvider"                  
                    ui-select2="select2LocaleSettings">
                {{idprovider}}
            </option>                       
            </select>