我想使用角度从左到右移动选定的元素/聚焦元素

Question

我想仅从左到右移动当前选中的元素。 这是我目前的HTML代码：

  <select class="panel-body treeSection {{lhsTreeSectionClass}}"
                                multiple="multiple">
   <option style="background-color: white;"  onmouseover="this.style.background='#A4D3FF';"
                                    onmouseout="this.style.background='#ffffff';"
                                    ng-repeat="avData in lhsTreeAV"
                                    ng-click="user_clicks_row(avData, $event)"> <!--Here on click of element I am calling controller method -->
{{avData}}</option>
                            </select>
                        </li>
                        </ul>
                    </select>

这里我调用控制器方法并在选择任何元素时向数组列表添加值而不是它我想要将值添加到列表中以仅在我选择任何元素并按下＆gt;时将其复制到右窗格。按钮。

这是我的控制器代码：

 $scope.user_clicks_row=function(avData, $event){
    $scope.avValue.push(avData);
    }

我想只将那些元素传递到右侧，当我按下＆gt;用于从左到右移动元素的按钮。 有人可以帮我解决一下。

Answer 1

您可以通过将select绑定到Controller中的模型来实现，这样就可以获得所选的选项。

这是一个例子： JSFiddle

修改

修复了小提琴迭代选定的元素。