Javascript 创建与下拉列表有关系的广播框

我有一些json数据： 请注意，大小是一个大字符串，而不是数组

还有一些html：

<form>
<div class="color-pick" ng-repeat="(key, val) in productData.colors_and_sizes.data">
  <input type="radio" ng-model="myColor" ng-value="{{key}}"/>
  <div class="size-pick">
    <!-- it's weird cuz the sizes are a big string? how to set ng-options" -->
    <select ng-model="mySize" ng-options=""></select>
  </div>
</div>

</form>

---

实际上，我想你想问的是，你有一个键大小的字符串，你想用单选按钮在

ng选项中填充它

如果是这样的话，看看这个


html

<div class="color-pick" ng-repeat="(key, val) in productData.colors_and_sizes.data">
        <input type="radio" name="colors" ng-model="myColor" ng-value="{{key}}" />{{key}}
        <div class="size-pick">
            <select ng-model="mySize" ng-options="size for size in val.sizes.split(',')"></select>
        </div>
</div>

好吧，那问题是什么？有什么问题吗？“你已经试过什么了？你没有问任何问题……”马修看看我的答案，我想这就是你想要达到的目标
<div class="color-pick" ng-repeat="(key, val) in productData.colors_and_sizes.data">
        <input type="radio" name="colors" ng-model="myColor" ng-value="{{key}}" />{{key}}
        <div class="size-pick">
            <select ng-model="mySize" ng-options="size for size in val.sizes.split(',')"></select>
        </div>
</div>

{
  "colors_and_sizes": {
    "data": {
      "Black": {
        "sizes": "X Small, Small, Medium, Large, Xlarge, XX Large"
      },
      "Blue": {
        "sizes": "X Small, Small, Medium, Large, Xlarge, XX Large"
      }
    }
  }
}