Данные JSON не разбивают строку в списке HTML

Question

Данные JSON не разбивают строку в списке HTML

0

Я загружаю данные из json файла, в котором я планирую использовать в списке html со ссылками, я не уверен, проблема в том, как я написал json файл или как я обращаюсь к данным в файле.

согласно http://jsonlint.com/, файл json верен

файл menu.json

[
    {
        "opciones": {
            "oferta": [
                {
                    "tipo": "1001"
                },
                {
                    "tipo": "1002"
                },
                {
                    "tipo": "1003"
                },
                {
                    "tipo": "1004"
                }
            ]
        }
    },
    {
        "opciones": {
            "demanda": [
                {
                    "tipo": "2001"
                },
                {
                    "tipo": "2002"
                },
                {
                    "tipo": "2003"
                }
            ]
        }
    }
]

Вот как я пытаюсь заполнить код списка html:

    <html ng-app="App">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
  <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  <title>test html</title>

   <script src="json_load_menu.js"></script>   <!--script que cargar archivo json-->
  <link rel = "stylesheet"   type = "text/css"   href = "./css/style.css" />  <!--css con colores de celdas -->
  </head>

<body ng-controller="menuCtrl">

<div class="container">

    <ul >
        <li ng-repeat="menuOpcion in menu"><a href="#" >{{menuOpcion.opciones.oferta}}</a></li>
    </ul>

    <ul >
        <li ng-repeat="menuOpcion in menu"><a href="#" >{{menuOpcion.opciones.demanda}}</a></li>
    </ul>

</div>

</body>
</html>

это результат:

[{ "Типо": "1001"}, { "типо": "1002"}, { "типо": "1003"}, { "типо": "1004"}]
*

[{ "Типо": "2001"}, { "типо": "2002"}, { "типо": "2003"}]
*

что должно делать:

* 1001
* 1002
*и т.д

* 2001

* 2002

Как этого избежать?

EDIT: я пробовал

<ul >
        <li ng-repeat="menuOpcion in menu"><a href="#" >{{menuOpcion.opciones.oferta.tipo}}</a></li>
    </ul>

B.J. A.A. 25 авг. 2015, в 22:35

Источник

0

Вы можете предоставить скрипку?
user2954587 25 авг. 2015, в 20:20
0

Пожалуйста, задайте вопрос.
Jonathan M 25 авг. 2015, в 20:22

Теги:

html

angularjs

json

1 ответ

Ещё вопросы

Vineet · Accepted Answer · 2015-08-25T17-23-00.000Z

Пытаться

<ul>
  <li ng-repeat="menuOpcion in menu[0].opciones.oferta"><a href="#" >{{menuOpcion.tipo}}</a></li>
</ul>

<ul >
  <li ng-repeat="menuOpcion in menu[0].opciones.demanda"><a href="#" >{{menuOpcion.tipo}}</a></li>
</ul>

@ BJAA, мой плохой. пожалуйста, проверьте мой отредактированный ответ