Giúp mình sửa lỗi trong MVC và AngularJS
Mình có một DataController, class này mình có 1 hàm lấy dữ liệu từ SQL, sau đó trả về biến JSON. Rồi mình viết 1 file js để lấy dữ liệu JSON này. Sau đó mình tạo 1 action trong HomeController. Sau đó trong View mình hiển thị dữ liệu. Nhưng nó lại không ra gì. Cụ thể từng hàm của mình như sau.
Trong class DataController:
using MVCApplicationQuanLy.Models;
using System;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MVCApplicationQuanLy.Controllers
{
public class DataController : Controller
{
DataProvider dp;
// GET: Data
public JsonResult GetNguoiDung()
{
dp = new DataProvider();
List<NguoiDung> L = new List<NguoiDung>();
using (SqlDataReader dr = dp.StoreProcExecuteQuerry("GetNguoiDung", null))
{
NguoiDung u = new NguoiDung()
{
Id = dr.GetInt32(0),
HoVaTen = dr.GetString(1),
TaiKhoan = dr.GetString(2),
MatKhau = dr.GetString(3),
Email = dr.GetString(4),
DiaChi = dr.GetString(5),
DienThoai = dr.GetString(6),
GioiTinh = dr.GetBoolean(7),
NgaySinh = dr.GetDateTime(8)
};
L.Add(u);
}
return new JsonResult { Data = L, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
}
}
}
File Js NguoiDungController.js
angular.module('MyApp')
.controller('NguoiDungController', function ($scope, NguoiDungService) {
$scope.ListNguoiDung = null;
NguoiDungService.GetNguoiDung().then(function (d) {
$scope.ListNguoiDung = d.data;
}, function (error) {
});
})
.factory('NguoiDungService', function ($http) {
var fac = {};
fac.GetNguoiDung = function () {
return $http.Get('/Data/GetNguoiDung');
}
return fac;
});
File NguoiDung.cshtml
Nhưng khi mình chạy thì nó lại ra thế này:
Mình từng làm theo ví dụ với entity framework thì nó lại ra. Nhưng khi mình chuyển sang lấy dữ liệu bằng SQL thì nó lại bị như vậy. Mình không biết nó bị sai chỗ nào. Mình debug thì nó cũng không chạy vào cái hàm GetNguoiDung()
trong DataController
. Xin hãy giúp mình với!
F12 trên trình duyệt sẽ thấy lỗi nếu angular lỗi