在下拉列表中显示嵌套的json数据-cshtml javascript 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

我正在寻找一种在下拉列表中“干净”显示json数据的方法

我收到的对象如下所示:

"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;
};