Получение данных Json от API с помощью Angular Js

Я пытаюсь получить данные из Dhis2 Api, используя AngularJs. . Но данные не отображаются. Я просто получаю данные из api и diplaying имя и идентификатор на странице. но я не получаю никаких ошибок, но данные не отображаются. Я не знаю, где проблема.Получение данных Json от API с помощью Angular Js

Вот мой угловой файл js, в котором я пытаюсь получить данные из api, используя http.get.

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

init(); 
function init(){ 
     var apiUrl = "http://localhost:8080/api/organisationUnits.json"; 

     // Cross-site redirect error solution: Run chrome with --disable-web-security 
     var base64 = "YWRtaW46ZGlzdHJpY3Q="; 
    //$http.get(apiUrl, {headers: {'Authorization': 'Basic YWRtaW46ZGlzdHJpY3Q='}}).    
    $http.get(apiUrl, {headers: {'Authorization': 'Basic YWRtaW46ZGlzdHJpY3Q='}}). 
     success(function(data) { 

    // $scope.users = []; 
     $scope.users = data; 
     alert('success'); 
     }). 
     error(function(data, status, headers, config) { 
      alert("Error. Data: " + data); 
     }); 
    }

Вот моя HTML-страница. на котором я пытаюсь показать имя и идентификатор, который я получил от api.

<body ng-app="myApp" ng-controller="userCtrl"> 

<div class="container"> 

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">DHIS2</a> 
    </div> 
    <div> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <!--<li><a href="#">Page 1</a></li> 
     <li><a href="#">Page 2</a></li> 
     <li><a href="#">Page 3</a></li> !--> 
     </ul> 
    </div> 
    </div> 
</nav> 

<h4>Search For the Organization Units</h4> 

<div class="row"> 


     <div class="col-sm-3 col-md-6" > 
     <input type="text" class="form-control" ng-model="filters.search" placeholder="Search for Organization Units"> 
     </div> 
     <div class="col-sm-9 col-md-6" > 

     <label class="custom-select" >  
     <select ng-model="filters.searchdd"> 
     <option selected disabled value="" style="display:block;"> Plese Select Level</option> 
     <option value="private">private</option> 
     <option value="simple">simple</option> 
     <option value="vip">vip</option> 
     </select> 
      </label> 





    </div> 

    </div> 


<table class="table table-striped"> 
    <thead><tr> 
    <th>Edit</th> 
    <th>Organizational Units</th> 
    <th>Levels</th> 
     <th>Drop Down Menu 
    </th> 
    </tr></thead> 
    <tbody><tr ng-repeat="user in users | filter:filters.search| filter: filters.searchdd"> 
    <td> 
     <button class="btn" ng-click="editUser(user.id)" > 
     <span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;Edit 
     </button> 
    </td> 
    <td>{{ user.name }}</td> 
    <td>{{ user.id }}</td> 
     <td><label class="custom-select" >  
     <select ng-model="filters.searchdd"> 
     <option selected disabled value="" style="display:block;"> Search or Edit</option> 
     <option value="1">Locate on Map</option> 
     <option value="2">Edit Coordinates</option> 
     <option value="3">Edit org. unit details</option> 
      <option value="4">Add new facility</option> 
     </select> 
      </label> </td> 
    </tr></tbody> 
</table>

источник

2015-11-21 imadfooki fooki

Вы передаете свои данные двум фильтрам. Вы уверены, что ваши данные передадут их? И, конечно, кажется, что отсутствует закрывающая скобка, но, возможно, вы просто пропустили ее во время копирования.

источник

2015-11-21 15:06:20

Что вы имеете в виду, по вашим данным передадут их ?? –

потому что все выглядит хорошо, я думаю, что вы получаете свои данные, но они не появляются, потому что они отфильтрованы. Просто догадаться, я не могу это проверить. –

Получение данных Json от API с помощью Angular Js

ответ

Смежные вопросы