javascript - 使用 Angular 显示来自复杂json的列表

Question

我有这个 JSON(我没有创建它，也无法更改它)

{"tags": [
    {
      "title": "news",
      "options": [
          {
            "title": "important",
          },
          {
            "title": "less important",
          }
         ]
    },
    {
       "title": "entertainment",
       "options": [
           {
              "title": "entertainment",
           }
          ]
     }

我想将其显示为列表，如果某个标题只有一个选项，则应在列表中显示标题，如果标题在选项中有多个项目，则应显示主标题并且还应显示选项标题。最终结果(根据上面的例子)应该显示:

 <ul>
     <li>news<ul>
                <li>important</li>
                <li>less important</li>
             </ul>
        </li>
    <li>entertainment</li>
  </ul>

我怎样才能在 angularJS 中做到这一点？

Answer 1

如果 myList 是您在 $scope 中为 json 对象使用的名称，您可以尝试使用类似的名称。基本上是一个带有内部 ng-repeat

的 ng-repeat

<ul ng-repeat="element in myList.tags">
    <li>
        {{element.title}}
        <ul ng-repeat="innerElement in element.options">
            <li>{{innerElement.title}}</li>
        </ul>
     </li> 
</ul>