试图避免将值属性字符串化对象

Question

这就是交易，我从 ajax 请求 ($scope.productos - $scope.ofertas) 中获取不同的对象，然后使用 ng-foreach 来显示它们，以便用户可以选择多个项目（存储在 $pedidoForm.产品和 pedidoForm.ofertas) 和这个选定的项目动态地显示在下面，另一个 ng-repeat 显示 'nombre' 属性并添加另一个新属性和输入值，但属性 VALUE 会自动将任何对象转换为字符串，导致“{ property: value}" 所以我无法正确读取属性

            <div class="row">
            <span>Productos</span>
            <select class="selectpicker" ng-model="pedidoForm.productos" ng-change=parse(pedidoForm.productos) multiple>
                <option ng-repeat="producto in productos" value="{{producto}}"> {{producto.nombre}} 
                </option>
            </select>
            </div>

            <div class="row">
            <span>Ofertas</span>
            <select class="selectpicker" ng-model="pedidoForm.ofertas" ng-change="test(pedidoForm)"  multiple>
                <option ng-repeat="oferta in ofertas" value="{{oferta}}"> {{oferta.nombre}} </option>
            </select>
            </div>

Answer 1

据我了解，您需要选择一个对象，但 HTML5 select 标签仅支持字符串值。所以，尝试使用 ng-options 指令：

<div class="row">
  <span>Productos</span>
  <select class="selectpicker" 
          multiple
          ng-model="pedidoForm.productos" 
          ng-change="parse(pedidoForm.productos)"
          ng-options="producto as producto.nombre for producto in productos track by producto.nombre">
  </select>
</div>

<div class="row">
  <span>Ofertas</span>
  <select class="selectpicker" 
          multiple
          ng-model="pedidoForm.ofertas" 
          ng-change="test(pedidoForm)"
          ng-options="oferta as oferta.nombre for oferta in ofertas track by oferta.nombre">
  </select>
</div>

plunker：http://plnkr.co/edit/jl1cayWXif7fukQRviTw?p=preview