angularjs - 如何从多选控件中获取选定值对象

Question

我有一个像这样的选择框

<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 中获取所选值的完整对象？

Answer 1

angularFilter

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

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

       });
      }
    }) 

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

或者你也可以通过这个解决方案 Jsfiddle

I hope this will help