从angularjs中的列表框中获取精确选定的值

时间:2014-09-05 11:00:14

标签: angularjs

这是我的HTML代码

选择尺寸=" 10" ID =" myselection"多个ng-multiple =" true" NG-模型=" selectedColors" ng-options =" c.name为c中的颜色" style =" width:150px"         选定颜色:{{selectedColors}}     

我的javascript代码是

函数MyCtrl($ scope){

$scope.test = "Das ist ein Test";
$scope.colors = [{name: 'black'},
                 {name: 'white'},
                 {name: 'red'},
                 {name: 'blue'},
                 {name: 'yellow'}
];

/*$scope.selectedColors = [$scope.colors[1],$scope.colors[3]];*/
$scope.selectedColors = [$scope.colors[1]];

$scope.doCustom=function() {
    $('#myselection').select2();
};

}

我得到的输出: 选定颜色:[{"名称":"白色"}]

但我需要输出如下: 选定颜色:白色

如何获得它。任何人请指导我。

1 个答案:

答案 0 :(得分:0)

你必须重复你的selectedColors数组

Selected Colors: <span ng-repeat="for color in selectedColors">{{color.name}}</span>