如何从多选控件

时间:2015-08-14 09:58:16

标签: angularjs node.js mean-stack mean.io

我有一个像这样的选择框

<div class="form-group" ng-class="{ 'has-error' : submitted && form.options.$invalid }">
    <label for="options">Options</label>
    <select multiple class="form-control" name="options" id="options" ng-model="form.options" data-ng-options="option._id as option.name for option in availableOptions" required>
    </select>
    <div ng-show="submitted && form.options.$invalid" class="help-block">
      <p ng-show="form.options.$error.required">Please select options</p>
    </div>
</div>

并且选项的值如下所示

var options = [
    {
        '_id': option1_id,
        'name': option1_name,
        'value': option1_value
    },
    {
        '_id': option2_id,
        'name': option2_name,
        'value': option2_value
    },
    {
        '_id': option3_id,
        'name': option3_name,
        'value': option3_value
    }
];

如何在angularJS中获取所选值的完整对象?

1 个答案:

答案 0 :(得分:0)

  

angularFilter

  .filter('findobj', function () {
     return function (dataobj, category1) {
         if (!category1) return dataobj;

       return dataobj.filter(function (options) {
         return options.name == category1 ;

       });
      }
    }) 

在这里你可以找到这个解决方案:Jsfiddle

或者您也可以通过此解决方案Jsfiddle

  

我希望这会有所帮助