Я пытаюсь подключиться к нескольким службам REST через разные контроллеры на angularjs, но после того, как один из них подключится к другим, не будет
Вот служба REST, которая подключена через файл controller.js
angular.module("itsBooking").controller("bookingController", function ($scope, $http) {
$scope.init = function () {
$http.get("http://webteach_net.hallam.shu.ac.uk/acesjas/api/booking/")
.success(function (response) {
$scope.bookings = response;
})
.error(function (error) {
$scope.errorMessage = error;
});
};
$scope.init();
});
А вот тот, который в данный момент не соединяется.Ссылка работает, поэтому я не уверен, что я делаю.
angular.module("itsVehicle").controller("vehicleController", function ($scope, $http) {
$scope.init = function () {
$http.get("http://webteach_net.hallam.shu.ac.uk/acesjas/api/vehicle/")
.success(function (response) {
$scope.cars = response;
})
.error(function (error) {
$scope.errorMessage = error;
});
};
$scope.init();
});
Вот HTML-код, который будет отображать тот, который в данный момент не подключается
<div ng-controller="vehicleController">
<form>
<p>Search for Vehicles <input type="text" ng-model="search"></p>
</form>
<p>
Here are your current vehicles
</p>
<table>
<tr>
<th>ID</th>
<th>Make</th>
<th>Capacity</th>
<th>Driver</th>
<th>Registration</th>
<th>Model</th>
</tr>
<tr ng-repeat="car in cars | filter:search">
<td>{{car.Id}}</td>
<td>{{car.Make}}</td>
<td>{{car.Capacity}}</td>
<td>{{car.Driver}}</td>
<td>{{car.Registration}}</td>
<td>{{car.Model}}</td>
</tr>
</table> <br />
</div>
У меня естьмодули для каждого контроллера и js, чтобы связать все модули вместе
Любая помощь будет отличной.
Спасибо, SM