Javascript 在AngularJS示例中使用RESTAPI

我有一个小应用程序，其中我有一个第三方url，其中大量加载了JSON数据，我想使用这些JSON数据构建一个使用AngularJS的页面。有谁能帮我解决这个问题吗。因为我是新来的安格拉斯。我需要一个简单的工作演示

复杂的JSON如下所示：

"_embedded":{
      "session":[
         {
            "createdDate":"2017-03-10T14:51:44.000+0000",
            "updatedDate":"2017-03-10T14:51:44.000+0000",
            "deletedDate":null,
            "title":"xxx xxx cccc",
            "track":"cccc cccccc cccc",
            "speaker":"Speaker: ddddddddd",
            "sessionAbstract":"loremipsum loremipsum loremipsum loremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsum",
            "sessionDate":null,
            "_links":{
               "self":{
                  "href":"http://www.someurl.com/adcbf"
               },
               "session":{
                  "href":"http://www.someurl.com/adcbffdfdsf/57457"
               }
            }
         },
         {
            "createdDate":"2017-03-10T14:51:44.000+0000",
            "updatedDate":"2017-03-10T14:51:44.000+0000",
            "deletedDate":null,
            "title":"xxx xxx cccc",
            "track":"cccc cccccc cccc",
            "speaker":"Speaker: ddddddddd",
            "sessionAbstract":"loremipsum loremipsum loremipsum loremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsumloremipsum loremipsum loremipsum",
            "sessionDate":null,
            "_links":{
               "self":{
                  "href":"http://www.someurl.com/adcbf"
               },
               "session":{
                  "href":"http://www.someurl.com/adcbffdfdsf/57457"
               }
            }
         }
         ]
         }

从复杂的json对象中，我只需要获取“title”、“track”、“speaker”

我在下面的代码中找到了它：

angular.module('myApp', []).controller('MyController', function ($scope, $http) {
    $scope.findValue = function () {

$scope.complexJSON = [{"_embedded":{
      "session":[
         {
            "createdDate":"2017-03-10T14:51:44.000+0000",
            "updatedDate":"2017-03-10T14:51:44.000+0000",
            "deletedDate":null,
            "title":"xxx xxx cccc",
            "track":"cccc cccccc cccc",
            "speaker":"Speaker: ddddddddd",
            "sessionAbstract":"m",
            "sessionDate":null,
            "_links":{
               "self":{
                  "href":"http://www.someurl.com/adcbf"
               },
               "session":{
                  "href":"http://www.someurl.com/adcbffdfdsf/57457"
               }
            }
         }       ]
         }

<div ng-app="myApp">
<div class="row">
        <fieldset class="scheduler-border col-lg-6" ng-controller="MyController">
<input type="text" class="form-control" placeholder="Session Search" ng-model="getSession.title" />
<input type="text" class="form-control" placeholder="Tracks" ng-model="getSession.track" />

<button type="button" ng-disabled="!getSession" ng-click="findValue()">Search</button>

<p data-ng-bind="getSumAssured"></p>
            <ul>
                <li ng-repeat="pa in complexJSON | filter:getSession">
                    <p>Age: <b data-ng-bind="pa.title"></b>

                    </p>
                </li>
            </ul>

angular.module（'myApp'，[]）.controller（'MyController'，function（$scope，$http）{
$scope.findValue=函数（）{
$scope.complexJSON=[{“_embedded”：{
“会议”：[
{
“createdDate”：“2017-03-10T14:51:44.000+0000”，
“更新日期”：“2017-03-10T14:51:44.000+0000”，
“deletedDate”：空，
“标题”：“xxx xxx中国交建”，
“轨道”：“中交”，
“演讲者”：“演讲者：ddddddd”，
“会议摘要”：“m”，
“sessionDate”：空，
“_链接”：{
“自我”：{
“href”：”http://www.someurl.com/adcbf"
},
“会议”：{
“href”：”http://www.someurl.com/adcbffdfdsf/57457"
}
}
}       ]
}
搜索



年龄：

你在找这样的东西吗

<ul>
    <li ng-repeat="pa in complexJSON._embedded.session | filter:getSession">
      <p>Title: <b data-ng-bind="pa.title"></b> </p>
      <p>Track: <b data-ng-bind="pa.track"></b></p>
      <p>Speaker: <b data-ng-bind="pa.speaker"></b></p>
    </li>
</ul>

标题：

轨道：

发言者：

---

请详细说明您的问题，以便我们能够提供更具体的解决方案

Hi Jatin，感谢您的回复。但是您的json并没有那么复杂，因为我需要像这样使用复杂的数据。我已经修改了我的帖子。请看一看。对于任何数量的数据，这个概念都是一样的。尝试一下，让我知道您面临的问题是什么e、 您可以发布您迄今为止尝试过的代码。嗨，Jatin，我修改了原始帖子。请看一看。您到底在哪里面临问题？是的，类似于这样的问题。但我无法从REST API服务获取数据，因为boldXMLHttpRequest无法加载，它引发了一个异常。没有“Access Control Allow Origin”标题请求的资源上存在er。因此不允许访问源“”。*bold**那么您的第一个问题是访问API资源。数据获取和显示是第二个问题。请参阅问题的第一部分