删除angularjs下拉列表中的未定义值

时间:2017-06-01 17:08:05

标签: php html angularjs ng-options

我正在使用angularjs(ng-options)来创建一个选择下拉列表,该下拉列表在php中使用sql查询填充,以将我的选项列表作为json返回。

这适用于1下拉列表..我现在正在尝试添加使用不同查询的第二个下拉列表。我使用php array_merge合并2个查询结果数组,然后json_encode合并数组。

两个下拉列表都填充,但两者都有很多不需要的未定义值,我不知道为什么......当我只返回1个奇异数组(而不是合并两个)时,未定义的值不存在

我在json中没有任何未定义的结果对象。仅在选择下拉列表中



 getInfo();
function getInfo(){
// Sending request to EmpDetails.php files 
$http.post('databaseFiles/options.php').success(function(result){
// Stored the returned data into scope 
$scope.options = result;
console.log(result);
});
}

<select class="form-control" ng-model="selectedDepartment" 
        ng-options="option.id as option.department for option in options ">
    <option value="">Select Department</option>
</select>  
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

通过在ng-options中添加过滤器以删除未定义的值

来解决我的问题

<select class="form-control" ng-model="selectedDepartment" 
        ng-options="option.id as option.department for option in options  **| filter : { id : '!!' }** " >
    <option value="">Select Department</option>
</select>