javascript – 选择下拉选项时会显示空格 – angularjs

我已经在AngularJS中创建了一个应用程序,其中使用过滤器选项中包含空格.应用程序工作正常,下拉时带有缩进空格的值,但问题是当选择一个有空格的选项时,该空间也显示在视图中,如下所示

实际上我想要下拉选项中的缩进空间,但唯一的事情是我不希望在上面显示的选择时显示该空间

任何人都可以告诉我一些解决方案,以防止选择时显示空间

我的代码如下所示

JSFiddle

<select>
    <option ng-repeat="(key, value) in headers">{{value | space}}
    </option>
</select>

解决方法:

<select ng-model="selectedValue" ng-change="selVal = selectedValue.trim(); selectedValue=selVal">
    <option ng-if="selVal">{{selVal}}</option>
    <option ng-repeat="(key, value) in headers" ng-if="selVal != value.value">
        {{value | space}}
    </option>
</select>

标签：javascript,angularjs,html-select,space,dropdownbox
来源： https://codeday.me/bug/20190716/1476489.html