Hello! I am currently working on a project to develop a simple App using c# WebAPI and AngularJS. Unfortunately, I have encountered an error in the console which is preventing the web app from functioning properly.
Here is a snippet of my Index.html file:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="../../Scripts/Angular.js"></script>
<script src="../Scripts/theSoft.js"></script>
<script src="../Scripts/UsersListController.js"></script>
</head>
<body>
<div ng-app="theSoft">
<div ng-controller="UsersListController">
{{ 1+1 }}
</div>
</div>
</body>
</html>
Within my theSoft.js File:
(function () {
var app = Angular.module("theSoft")
});
In UserListController.js:
(function (app) {
var UsersListController = function ($scope) {
$scope.message = "Guido Caffa";
};
app.controller("UsersListController", UsersListController);
}(Angular.module("theSoft")));
The issue seems to be occurring on line 6 within the UserListController.js file.
If anyone has any insights or suggestions on resolving this error, your help would be greatly appreciated! Thank you in advance!