Как использовать Spring Restful веб-сервис, используя $ ресурс в Angularjs

Question

Как использовать Spring Restful веб-сервис, используя $ ресурс в Angularjs

0

Я разрабатываю пружинное успокоительное приложение с угловыми. Весной я использую maven и Hibernate.

Я вернул объект json, используя весенний отдых, но я не знаю, как использовать этот объект в моем угловом контроллере, используя $ resource

Вот мой контроллер весеннего отдыха

@RequestMapping(value = "/list", method = RequestMethod.GET)
public @ResponseBody
List<Employee> getEmployee() {
List<Employee> employeeList = null;
    try {
employeeList = dataServices.getEntityList();

    } catch (Exception e) {
        e.printStackTrace();
    }

    return employeeList;
}

Вот мой jsp

<body>
<h3>FirstName:</h3>

<!-- First name from json object -->
<p></p>

<h3>LastName:</h3>

<!-- Last name from json object -->
<p></p>
</body>

Поэтому, пожалуйста, помогите мне с кодом контроллера angularjs

Мое имя приложения: SpringRestCrud1

Мой путь, который используется для возврата объекта json: http://localhost: 8080/SpringRestCrud1/employee/list

И мой результат: [{"id": 3, "firstName": "Hoston", "lastName": "lindey", "email": "[email protected]", "phone": "90908989899"}]

Nadeem Ahmed 30 июнь 2015, в 07:58

Источник

Теги:

java

angularjs

spring

hibernate

rest

1 ответ

Ещё вопросы

Daniel Cottone · Answer 1 · 2015-06-30T12-20-00.000Z

ngResource очень прост в использовании. Как я обычно использую это, я сначала создаю фабрику, которая используется для сопоставления с конечной точкой CRUD:

angular.module('angularRestCrud1')
  .factory('Employee', function ($resource) {
    return $resource('http://localhost:8080/SpringRestCrud1/employee/list', {}, {
      'query': {
        method: 'GET',
        params: { action: 'read', format: '.json' } , isArray : false
      }
    });
  });

Оттуда вы можете настроить контроллер для доступа к списку:

angular.module('angularRestCrud1')
  .controller('EmployeeCtrl', function ($scope, Employee) {

    // Promise chain to resolve employee
    Employee.query(function (data) {
      $scope.employees = data;
    });

    });

И представление списка сотрудников:

<body>
    <div ng-repeat="employee in employees track by $index">
        <h3>FirstName:</h3>
        <!-- First name from json object -->
        <p>{{ employee.firstName }}</p>

        <h3>LastName:</h3>
        <!-- Last name from json object -->
        <p>{{ employee.lastName }}</p>
    </div>  
</body>

Я бы предположил, что вы перепроектируете свои конечные точки, чтобы быть более RESTful, если вы собираетесь использовать ngResource. Вот хорошее руководство для этого.

@NadeemAhmed это ответил на ваш вопрос?