使用 AngularJs 刷新多个列表框答案

【问题标题】：Refreshing Multiple Listbox with AngularJs使用 AngularJs 刷新多个列表框
【发布时间】：2014-10-18 05:42:55
【问题描述】：

我有 2 个多个列表框，如下所示

当我从左侧列表框中选择多个值并单击向右箭头时，它会将这些值移动到右侧列表框中，并且这些值将从左侧列表框中删除。

HTML

    <select multiple ng-model="selectedRoleValue">
        <option ng-selected="selectrole" ng-repeat="role in roles | filter:searchRoleOne" value="{{role}}">{{role}}</option>
    </select>
    <img src="./images/arrow.svg" ng-click="addToRightPan()">
    <select name="cars" multiple class="listMutiple top5" ng-model="removeRoleValue">                                
        <option ng-selected="selectrrole" ng-repeat="role in newRoleValue | filter:searchRoleTwo" value="{{role}}">{{role}}</option>
    </select>

咖啡脚本代码

    $scope.roles = ["test role","test role1","test role2","test role3","test role4","test role5"]

    $scope.addToRightPan = ()->   
        $scope.temprole = $scope.roles
        for item in $scope.selectedRoleValue
            $scope.newRoleValue.push item
            t = $scope.temprole.filter (word) -> word isnt item
            $scope.temprole = t
        $scope.roles = $scope.temprole
        return

addToRightPan() 是将值从左侧列表框移动到右侧列表框的函数。

功能运行良好。但是，当我仅从左侧列表框中选择值并移至右侧列表框时，左侧列表框中会显示一个空行。但是当我安慰值时，我找不到任何空值或任何东西。

在检查元素中我发现了以下内容：

  <option value="? string:Account Cordinator ?"></option>

我怎样才能删除它？或者是否可以显式刷新列表框？

【问题讨论】：

标签： angularjs listbox coffeescript

【解决方案1】：

我搞定了，

<select multiple ng-selected="selectrole" ng-model="selectedRoleValue" ng-options="role for role in roles | filter:searchRoleOne">
</select>

我把 ng-repeat 改成了 ng-options

【讨论】：