ng-options中的值作为对象而不是字符串

Question

我有一个＆＃34;格式＆＃34;包含＆＃34;数据映射＆＃34;的列表的对象对象。我的数据映射对象包含这些字段（但我们只关注concatenation）：

＆＃13;

＆＃13;

dataMapping.column = null;
dataMapping.datatype = null;
dataMapping.dataMapping = null;
dataMapping.mappingName = "Mapping " + (format.datamappings.length+1);
dataMapping.hasConcatenation = true;
dataMapping.concatenation = ["", ""];

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

<div style="margin: 1px 0px" ng-repeat="mapping in format.datamappings track by $index"> <!-- using a class for css is not working (even if it has !important), dont know why-->
				<hr width="50" align="left">
				{{mapping.mappingName}}
				<div style="margin-left: 13px"> <!-- using a class for css is not working (even if it has !important), dont know why-->
					Column
					<input class="form-control inline width-small" ng-class="{'unfilled': mapping.column == '' || mapping.column == null}" onkeypress="return ((event.charCode >= 65 && event.charCode <= 90) || event.charCode == 8)" type="text" ng-model="mapping.column"/>
					Datatype
					<select class="form-control inline width-medium1" ng-class="{'unfilled': mapping.datatype == '' || mapping.datatype == null}" ng-model="mapping.datatype">
						<option value="text">text</option>
						<option value="number">number</option>
						<option value="decimal">decimal</option>
					</select>
					Data mapping
					<select class="form-control inline width-medium1" ng-class="{'unfilled': mapping.dataMapping == '' || mapping.dataMapping == null}" ng-model="mapping.dataMapping">
						<option value="manuf">Manufacturer</option>
						<option value="product_name">Product Name</option>
						<option value="unit">Unit / Quantity</option>
						<option value="price">Price</option>
					</select>
					<button class="btn btn-danger" ng-click="deleteMapping(format, $index)">Delete mapping</button>
					<input type="checkbox" ng-model="mapping.hasConcatenation" ng-click="includeConcatenation(mapping)"> Has Concatenation</label>
                    

                                        <!-- LOOK HERE -->
					<div ng-if="mapping.hasConcatenation">
						Concatenation
						<select ng-repeat="concat in mapping.concatenation track by $index" class="form-control inline width-medium1" ng-options="x.mappingName for x in format.datamappings" ng-model="mapping.concatenation[$index]"></select>
		                        </div>
	</div>
</div>

＆＃13;

＆＃13;

＆＃13;

我们假设我们在下拉列表中有2个映射：＆＃34;映射1＆＃34;和＆＃34;映射2＆＃34;。当我从下拉列表中选择一个值，而不是存储在concatenation数组（mapping.concatenation[$index]）中的字符串时，它会存储一个对象，如下图所示。如果你展开对象，你会发现它显然无限地引用它。

Answer 1

你能用下面的代码尝试一次，因为你正在显示mappingName并选择整个对象，如果你只想选择名称，请尝试如下

ng-options="x.mappingName as x.mappingName for x in format.datamappings"

参考https://docs.angularjs.org/api/ng/directive/ngOptions

  

使用select as将select表达式的结果绑定到   模型，但和html元素的值将   是索引（对于数组数据源）或属性名称（对于   对象数据源）集合中的值。如果是一个曲目   使用表达式，该表达式的结果将被设置为   选项和选择元素的值。