2015-07-28 1 views
0

Я prefrebly очень новое в угловых JS и ДО в точке я использую $ ресурс для ГЭТ и положить, но теперь мое требование использовать RestangularСоздание с помощью restangular DemoApp на локальном сервере

Я создал DemoApp здесь

/* my json file with the name user.json */ 
 
{"user":[ 
 
{"id":1, 
 
"subject":"#aashima" 
 
}, 
 
{"id":2, 
 
"subject":"#aansh" 
 
}, 
 
{"id":3, 
 
"subject":"#artle" 
 
}, 
 
{"id":4, 
 
"subject":"#harish" 
 
} 
 
] 
 
}
<!doctype html > 
 
<html ng-app="app"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
\t 
 
    <title>Restangular</title> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 
\t <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular.min.js"></script> 
 
\t <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> 
 
\t <script src="https://cdnjs.cloudflare.com/ajax/libs/restangular/1.5.1/restangular.min.js"></script> 
 
</head> 
 
<body> 
 
    <div ng-controller="IndexCtrl as omega" ng-cloak> 
 
     <ul> 
 
      <li ng-repeat="result in omega.people"> 
 
       <span ng-bind="result.subject"></span> 
 
      </li> 
 
     </ul> 
 
    </div> 
 
    
 
    <script> 
 
     var app = angular.module('app', ['restangular']) 
 
      .config(function(RestangularProvider) { 
 
       RestangularProvider.setBaseUrl("/js/user.json"); 
 
      }); 
 
    
 
     app.controller('IndexCtrl', function(Restangular) { 
 
      var self=this; 
 
      /* 
 
      self.people = Restangular.all('user').getList(); 
 
      */ 
 
      Restangular.all('user').getList().then(function(result) { 
 
      self.people = result; 
 
      }); 
 
     }); 
 
      
 
    </script> 
 
</body> 
 
</html>
Here It shows the path showing how I have arranged the file введите описание изображения здесь

В консоли Clearl так ли у показывает, что получить запрос делается, но никакие данные не пришли

я косяк был в состоянии удалить ошибку вызывает проблему здесь любая помощь

ответ

0

var app = angular.module('app', ['restangular']) 
 
      .config(function(RestangularProvider) { 
 
RestangularProvider.setBaseUrl("js"); 
 
      }); 
 
    
 
     app.controller('IndexCtrl', function(Restangular) { 
 
      var self=this; 
 
      /* 
 
      * We can use this one 
 
      self.people = Restangular.all('emp.json').getList().$object; 
 
      */ 
 
      
 
      /* or we can use this one */ 
 
      Restangular.all('emp.json').getList().then(function(result) { 
 
      self.people = result; 
 
      }); 
 
      
 
      
 
      
 
     }); 
 

 

 

 
/* this is should be the json response which is get */ 
 

 
[ 
 
{"id":1, 
 
"subject":"#aashima" 
 
}, 
 
{"id":2, 
 
"subject":"#aansh" 
 
}, 
 
{"id":3, 
 
"subject":"#artle" 
 
}, 
 
{"id":4, 
 
"subject":"#harish" 
 
} 
 
]

Так что здесь будет представлять простое приложение, которое может быть реализовано на локальном сервере

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

  • Нет связанных вопросов^_^