Estoy aprendiendo Angular JS. Estoy tratando de crear un portal simulado que muestre mensajes diarios. He almacenado mis mensajes diarios en una tabla de base de datos.
create table DailyMsg(Sno int primary key, msg varchar(max));Luego creé un servicio usando factory en AngularJS.
public class DailyMsgsController : Controller { private amenEntities1 db = new amenEntities1(); // GET: DailyMsgs public ActionResult Index() { return Json(db.DailyMsgs.ToList(),JsonRequestBehavior.AllowGet); } }Probé la URL y funciona bien, devuelve los datos esperados en formato JSON
https://localhost:44329/DailyMsgsAhora, quería mostrar estos datos en mi página de inicio. Pero no funciona. Al inspeccionar la página me muestra el error
Error: $http:badreq Bad Request Configuration Http request configuration url must be a string or a $sce trusted object. Received: undefinedMi controlador
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; }); });Mi página de inicio
<!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>