Angularjs 如何在表单中的ng repeat中获取ng选项的选定值

我试图在单击包含ng repeat和select generated by ng选项的表单的submit按钮时获取所选值。但是我不能达到所选的值，你能看一下我的代码并告诉我我遗漏了什么吗

<form class="form-horizontal">
<!-- Options -->
<div class="product-page-options">
    <div class="form-group clearfix" ng-repeat="option in product.options.data">
        <label class="col-md-4 control-label pull-left">{{ option.name }}</label>
        <div class="col-md-8">
            <select class="form-control" ng-options="value.name for value in option.values.data" ng-model="selectedValue">
                <option value="">Select {{ option.name }}</option>
            </select>
        </div>
    </div>
</div>

<!-- Add to cart -->
<div class="product-page-cart">
<div class="product-quantity">
  <input type="number" value="1" class="form-control input-sm">
</div>
<button class="btn btn-primary" type="submit" ng-click="add(selectedValue)">Add to cart</button>

{{option.name}
选择{{option.name}
添加到购物车

我试图通过将{{selectedValue}}放在ng repeat div内来打印所选值，它的显示完全符合预期，但是如果我试图将其放在div外，则不会打印任何内容

{{ selectedValue }} 这里我用来构建表单的json数据

//编辑：

我只是在谷歌上搜索了一下，发现有一把小提琴和我一样：所以我决定将ng模型修改为selected[option.name]，但$scope.selected仍然显示未定义

//编辑2： 好的，通过添加$scope.selected={}解决了问题；在控制器中

$scope.selected = {};

---

谢谢你抽出时间

您的

ng选项

具有独立的作用域。因此，

selectedValue

内部已知，但外部未知（如您在问题中所述）

---

在父作用域上定义一个变量，并将其分配给

ng选项的
ng模型
，您应该能够在ng选项之外访问该变量。
这没有多大意义：您有许多选择框，您试图将它们都绑定到一个唯一的作用域变量
selectedValue
，并添加（）这个唯一的选定值。选定值的数量与选择框的数量相同。你到底想实现什么？@jbnize我的错是，我忘了模型的独特性。非常感谢。