• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

对角上的动态选项删除空白选项对象

html 来源:shimukawa 11次浏览

我有这样的代码对角上的动态选项删除空白选项对象

<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]),它会添加一个空白值。

另外,从ng-repeatthis question转换为ng-options时。

我有4个选择1,2,3和空白我想删除空白我跟随在我发布的链接上发现的指南/答案我的问题,我的部分差异是,我有一个动态列表并且当该列表是新创建的。使用ng-option时,它永远不会包含空白,但它解决了我的问题,从动态列表中获得初始默认值,如果我使用ng-repeat,我没有初始值,但删除选项的空白。我想删除空白选项,同时从动态列表中获取初始值。

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

任何人都可以帮忙吗?谢谢。


===========解决方案如下:

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) 
} 
}) 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)