Angular JS – Error: $http:badreq Bad Request Configuration

I am learning Angular JS. I am trying to create a mock portal that displays Daily Messages. I have stored my daily messages in a database table.

create table DailyMsg(Sno int primary key, msg varchar(max));

Then I created a service using factory in AngularJS.

 public class DailyMsgsController : Controller
    {
        private amenEntities1 db = new amenEntities1();

        // GET: DailyMsgs
        public ActionResult Index()
        {
            return Json(db.DailyMsgs.ToList(),JsonRequestBehavior.AllowGet);
        }
}

        

I tested the URL and it works fine, it returns the expected data in the JSON format

https://localhost:44329/DailyMsgs

Now, I wanted to display this data on my HomePage. But it doesn’t work. On inspecting the page it shows me the error

Error: $http:badreq
Bad Request Configuration
Http request configuration url must be a string or a $sce trusted object.  Received: undefined

My Controller

var myApp = angular.module('myApp', []);

//Daily Messages Service Function
myApp.factory('DailyMsgService', function ($http) {
    DailyMsgObj = {};
    DailyMsgObj.DisplayDailyMsg = function () {

        var Msg;

        Msg = $http({method: 'GET', URL: '/DailyMsgs/Index'}).
            then(function (response){
            return response.data;
        });

        return Msg;
    }

    return DailyMsgObj;
});



myApp.controller('HomePageController', function ($scope, DailyMsgService) {
    DailyMsgService.DisplayDailyMsg().then(function (result) {

        $scope.DailyMsg = result;

    });
});

My HomePage

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="utf-8" />
    <title></title>

</head>
<body>
    <div ng-controller="HomePageController">
        {{DailyMsg}}
    </div>

</body>
</html>
<script src="../Scripts/angular.min.js"></script>
<script src="../Scripts/bootstrap.min.js"></script>
<link href="../Content/bootstrap.min.css" rel="stylesheet" />
<script src="../AngularControllers/HomePageController.js"></script>