I am utilizing a WCF Service within an AngularJS application. The WCF Service is functional, and I am attempting to display a list of user records from a SQL database. However, upon running the application, I encountered the following errors:
angular.js:14642 TypeError: Cannot read property 'getAllStudent' of undefined
at GetAllRecords (Registration.js:13)
Below is the code snippet from my Script.js file:
/// <reference path="../angular.min.js" />
var app = angular.module("WebClientModule", [])
.controller('Web_Client_Controller', ["$scope", 'myService', function ($scope, myService, CRUD_AngularJs_RESTService) {
// Controller logic here
}]);
app.service("myService", function ($http) {
//Create new record
this.post = function (User) {
// HTTP POST request logic here
}
this.getAllStudent = function () {
// Logic for getting all students
}
})
And here is the HTML Code:
@{
Layout = null;
}
<html data-ng-app="WebClientModule">
<head title="ASAS">
<title></title>
<script src="~/Scripts/angular.min.js"></script>
<script src="~/RegistrationScript/Registration.js"></script>
</head>
<body>
<!-- HTML content goes here -->
</body>
</html>
<script src="~/RegistrationScript/Registration.js"></script>
Lastly, below is a screenshot of the application when it encounters the error: