css - 在动态选项对象上删除 Angular 上的空白选项

Question

我有这个代码

<select ng-model='item.data.choice' >
  <option ng-if='item.data.simple_allow_blank == false' ng-show='choice.name' ng-repeat='choice in item.data.simple_choices' value="{{choice.name}}" ng-disabled="$parent.controllerAction == 'show'">{{choice.name}}</option>
</select>

它在下拉框中显示系统管理员输入的 3 个选项。它显示它没有空白选择。

问题是如果我想输入一个默认值(例如，choice[0])，它会添加一个空白值。

同时从 this question 将 ng-repeat 转换为 ng-options 时.

我有 4 个选择 1、2、3 和空白我想删除空白我按照我发布的链接上的指南/答案找到了我的问题，我的不同之处在于我有一个动态列表和新创建列表时。使用 ng-option 时，它永远不会包含空白，但它解决了我的问题，从动态列表中获得初始默认值，如果我使用 ng-repeat，我没有初始值，但删除选项中的空白。我想删除空白选项，同时从动态列表中获取初始值。

我可以设置默认值，但它不能删除空白选项。

有人可以帮忙吗？谢谢。

Answer 1

You have to filter data in js file and create a new array that you will render it in html.let say you are getting data in variable **item.data.simple_choices**(as you have written it in ng-repeat)then your function would be.

var data = item.data.simple_choices;
var filteredArray = [];
data.filter(function(item){
  if(item.name!=''){
filteredArray.push(item)
}
})