Fatal编程技术网
  • arrays/
  • Arrays ng重复角度和JSON数组

Arrays ng重复角度和JSON数组

arrays json angularjs

Arrays ng重复角度和JSON数组,arrays,json,angularjs,angularjs-ng-repeat,Arrays,Json,Angularjs,Angularjs Ng Repeat,我对Angular是个新手，我正在尝试设置一个简单的显示器。我已经阅读了关于ng repeat的文档，并且每次都成功地完成了一些教程。然而，当我自己去做一个模拟时，我无法从JSON文件中得到任何显示。即使使用随处可见的“todo.json”示例，我仍然无法理解这一点。我不确定它是否与JSON或可能嵌套ng repeat有关。谁能引导我看到光明？！呵呵。提前谢谢 这是Plunker链接 HTML: <!doctype html> <html ng-app="App" &g

我对Angular是个新手，我正在尝试设置一个简单的显示器。我已经阅读了关于ng repeat的文档，并且每次都成功地完成了一些教程。然而，当我自己去做一个模拟时，我无法从JSON文件中得到任何显示。即使使用随处可见的“todo.json”示例，我仍然无法理解这一点。我不确定它是否与JSON或可能嵌套ng repeat有关。谁能引导我看到光明？！呵呵。提前谢谢

这是Plunker链接

HTML:

    <!doctype html>
<html ng-app="App" >
<head>
  <meta charset="utf-8">
  <title>Todos $http</title>
  <link rel="stylesheet" href="style.css">
  <script>document.write("<base href=\"" + document.location + "\" />");</script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script>
  <script src="app.js"></script>
</head>
<body ng-controller="Calendar">
  <ul>
    <li ng-repeat="items in events">
      {{items.events}}
    </li>
  </ul>
</body>
</html>
JSON:

你的数据结构很奇怪。检查已更新的工作插销：

您可以在视图中使用
{{events | json}
轻松检查/调试对象。

您的数据结构非常奇怪。检查已更新的工作插销：

<ul>
  <li ng-repeat="items in events">
    <a href="{{items.EventTitle.href}}">{{items.EventTitle.text}}</></a>
  </li>
</ul>
您可以在视图中使用
{{events | json}
轻松检查/调试对象。

您的数据结构非常奇怪。检查已更新的工作插销：

<ul>
  <li ng-repeat="items in events">
    <a href="{{items.EventTitle.href}}">{{items.EventTitle.text}}</></a>
  </li>
</ul>
您可以在视图中使用
{{events | json}
轻松检查/调试对象。

您的数据结构非常奇怪。检查已更新的工作插销：

<ul>
  <li ng-repeat="items in events">
    <a href="{{items.EventTitle.href}}">{{items.EventTitle.text}}</></a>
  </li>
</ul>
您可以在视图中使用
{{events | json}
轻松检查/调试对象。

如果必须保留此结构，则需要执行类似操作

<ul>
  <li ng-repeat="items in events">
    <a href="{{items.EventTitle.href}}">{{items.EventTitle.text}}</></a>
  </li>
</ul>

App.controller('Calendar', function($scope, $http) {
  $http.get('todos.json')
       .then(function(res){
          $scope.events = res.data[0].events;             
        });
});
这里有一个

编辑： ，使用上述更改。范围变量应为
res.data.events

在提供新的json结构后更新：
一个使用实际json数据的工作示例

如果必须保持此结构，则需要执行以下操作

App.controller('Calendar', function($scope, $http) {
  $http.get('todos.json')
       .then(function(res){
          $scope.events = res.data[0].events;             
        });
});
这里有一个

编辑： ，使用上述更改。范围变量应为
res.data.events

在提供新的json结构后更新：
一个使用实际json数据的工作示例

如果必须保持此结构，则需要执行以下操作

App.controller('Calendar', function($scope, $http) {
  $http.get('todos.json')
       .then(function(res){
          $scope.events = res.data[0].events;             
        });
});
这里有一个

编辑： ，使用上述更改。范围变量应为
res.data.events

在提供新的json结构后更新：
一个使用实际json数据的工作示例

如果必须保持此结构，则需要执行以下操作

App.controller('Calendar', function($scope, $http) {
  $http.get('todos.json')
       .then(function(res){
          $scope.events = res.data[0].events;             
        });
});
这里有一个

编辑： ，使用上述更改。范围变量应为
res.data.events

在提供新的json结构后更新：
一个实际json数据的工作示例

Hmm。。由于API是直接从kimono.io构建JSON的，所以在这种特定的格式中是否仍然可以工作。。由于API是直接从kimono.io构建JSON的，所以在这种特定的格式中是否仍然可以工作。。由于API是直接从kimono.io构建JSON的，所以在这种特定的格式中是否仍然可以工作。。由于API是直接从kimono.io构建JSON的，所以在这种特定格式下是否仍有工作？我编辑了这个，ng repeat将进行一些修改，以便检查修改后的代码。干杯。谢谢。这已经奏效了。既然JSON在本地工作，我想知道，请原谅我在这方面太生疏了，但是我如何解释它以链接到外部JSON文件呢？我尝试将链接放在$HTTPGET行中，但它不起作用。有没有简单的解决方案将当前的本地json链接到外部json？我一直在搜索StackOverflow这样的东西，但我得到的只是$ajax。这是在Angular中链接外部JSON文件的正确方法吗？如果get-requist生成的正是这种JSON格式，那么应该可以使用，您使用的url是什么？另外，请记住，此功能应该在服务中，然后将服务注入控制器。我正试图了解这一点。。。这是我的建议。我还将该JSON文件的内容粘贴到了那里的todo.JSON文件中。plunker因为CORS而阻止了它，请在本地和console.log（res）中尝试它，查看您得到的内容，并最终记录res.data，res.data[0]，以熟悉如何获得您想要的内容。我编辑了这个，ng repeat将进行一些修改，以便更改修改后的代码。干杯。谢谢。这已经奏效了。既然JSON在本地工作，我想知道，请原谅我在这方面太生疏了，但是我如何解释它以链接到外部JSON文件呢？我尝试将链接放在$HTTPGET行中，但它不起作用。有没有简单的解决方案将当前的本地json链接到外部json？我一直在搜索StackOverflow这样的东西，但我得到的只是$ajax。这是在Angular中链接外部JSON文件的正确方法吗？如果get-requist生成的正是这种JSON格式，那么应该可以使用，您使用的url是什么？另外，请记住，此功能应该在服务中，然后将服务注入控制器。我正试图了解这一点。。。这是我的建议。我还将该JSON文件的内容粘贴到了那里的todo.JSON文件中。plunker因为CORS而阻止了它，请在本地和console.log（res）中尝试它，查看您得到的内容，并最终记录res.data，res.data[0]，以熟悉如何获得您想要的内容。我编辑了这个，ng repeat将进行一些修改，以便更改修改后的代码。干杯。谢谢。这已经奏效了。既然JSON在本地工作，我想知道，请原谅我在这方面太生疏了，但是我如何解释它以链接到外部JSON文件呢？我尝试将链接放在$HTTPGET行中，但它不起作用。有没有简单的解决方案将当前的本地json链接到外部json？我一直在搜索StackOverflow这样的东西，但我得到的只是$ajax。这是以Angular方式链接外部JSON文件的正确方法吗？如果get-requist生成的正是这种JSON格式，那么它应该可以工作，具体是什么