Javascript 带ng repeat的角度选择在json对象上不起作用 {{option.name}_Javascript_Angularjs_Json

Javascript 带ng repeat的角度选择在json对象上不起作用 {{option.name}

javascript angularjs json

Javascript 带ng repeat的角度选择在json对象上不起作用 {{option.name},javascript,angularjs,json,Javascript,Angularjs,Json,上面的代码可以工作，但它使我无法检索option元素的id字段。请参阅不同的Plunker-使用value={{{option.id}}的工作示例-使用value={{option}}的示例如果我在“选择”中使用ng选项，它将工作- 我需要筛选ng型号吗？我从您的问题中了解到，以下代码应该可以工作 <select name="repeatSelect" id="repeatSelect" ng-model="data.model"> <option ng-repeat="

上面的代码可以工作，但它使我无法检索option元素的id字段。请参阅不同的Plunker-使用

value={{{option.id}}

的工作示例-使用

value={{option}}

的示例

如果我在“选择”中使用ng选项，它将工作-

我需要筛选ng型号吗？

我从您的问题中了解到，以下代码应该可以工作

<select name="repeatSelect" id="repeatSelect" ng-model="data.model">
  <option ng-repeat="option in data.availableOptions" value="{{option}}">{{option.name}}</option>
</select>


重复选择：
{{option.name}

model={{data.model}}

您无法检索id，因为通过在

值中传递选项对象，您正在将其转换为字符串，因此数据。model
变成了“{”id:“1”，“name:“option a”}”
。要传递对象，请改用ng值：
<body ng-app="ngrepeatSelect">
  <div ng-controller="ExampleController">
  <form name="myForm">
    <label for="repeatSelect"> Repeat select: </label>
    <!--<select name="repeatSelect" id="repeatSelect" ng-model="data.model" ng-options="option as option.name for option in data.availableOptions">-->
    <!--    </select>-->
<select name="repeatSelect" id="repeatSelect" ng-model="data.model">
  <option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option>
</select>
  </form>
  <hr>
  <tt>model = {{data.model}}</tt><br/>
</div>
</body>


{{option.name}
您想要什么？如果您的availableOptions中包含id entity，则您的代码将获取id。
  <select name="repeatSelect" id="repeatSelect" ng-model="data.model">
    <option ng-repeat="option in data.availableOptions" ng-value="{{option}}">{{option.name}}</option>
  </select>