在下拉列表中显示嵌套的json数据-cshtml javascript json
我正在寻找一种在下拉列表中“干净”显示json数据的方法 我收到的对象如下所示:在下拉列表中显示嵌套的json数据-cshtml javascript json,javascript,html,json,Javascript,Html,Json,我正在寻找一种在下拉列表中“干净”显示json数据的方法 我收到的对象如下所示: "Outer": [ { "Inner1": "Some text here.", "Inner2": true, "Inner3": false, "Inner4": true, "Inner5": "A1", "Inner6": "Another String" }, { "Inner1": "Some
"Outer": [
{
"Inner1": "Some text here.",
"Inner2": true,
"Inner3": false,
"Inner4": true,
"Inner5": "A1",
"Inner6": "Another String"
},
{
"Inner1": "Some text here.",
"Inner2": true,
"Inner3": false,
"Inner4": true,
"Inner5": "B1",
"Inner6": "Another String"
},
{
"Inner1": "Some text here.",
"Inner2": true,
"Inner3": false,
"Inner4": true,
"Inner5": "C1",
"Inner6": "Another String"
}
]
当我把它放在一个常规的select下拉列表中时,只有三行,所有的“内部”数据都显示为一个大的连接字符串,这是有意义的,但不是我想要实现的
这是我的下拉列表:
MyLabelTextHere
{{item}}>
我希望它以一种内部3个对象仍然可以彼此区分的方式显示,我需要看到字段名以及它们的值
我希望这足够详细地回答这个问题。我愿意接受任何建议。谢谢你的时间!非常感谢您的任何意见 在选项标记中,只需明确地输入所需的值,如:
<tr>
<td colspan="2">
<label>
MyLabelTextHere
<select class="col-sm-10" name="item" ng-model="item">
<option ng-repeat="item in outer" value="{{outer}}" title="{{item}}">
Inner 1: {{ item.Inner1 }} - Inner 2: {{ item.Inner2 }}
</option>
</select>
</label>
</td>
<ng-repeat="key, val in item">
<option ng-repeat="item in outer" value="{{outer}}" title="{{item}}" ng-bind="formatMyObject(item)"></option>
$scope.formatMyObject = function(item) {
//format the object into a string here, do whatever
return item.Inner1 + " - " + item.Inner2;
};