Question

您好我正在创建一个角度js的下拉列表，同时选择一些空格会附加到下拉值的值。

模板

(instancetype)initWithFrame:(CGRect)frame
{
self = [[[NSBundle mainBundle] loadNibNamed:@"LSCouponADView" owner:Nil options:nil] objectAtIndex:0];
if (self) {

}

    return self;
}

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>

Answer 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>

Answer 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>

Answer 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>

从下拉列表中选择数据时出现空格

3 个答案: