Estoy intentando extraer los datos de una tabla de mi db mediante ajax y angular.Realice un CRUD con MVC usando asp.net y entity framework, el CRUD no tiene ningún problema, pero al momento de mostrar un dato guardado con angular no no devuelve nada. He consultado en diferentes paginas pero aun así no obtengo el resultado. Estoy trabajando en visual studio 2017
Script del js
var conductores = angular.module('conductores', []);
conductores.controller('conductoresController', function ($scope, $http) {
$http.get('/Conductors/Index').then(function (response) {
$scope.lista = response.data;
})
})
Codigo del controlador
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.Entity;
using System.Linq;
using System.Net;
using System.Web;
using System.Web.Mvc;
using ajax_test;
namespace ajax_test.Controllers
{
public class ConductorsController : Controller
{
private Entities db = new Entities();
// GET: Conductors
public ActionResult Index()
{
return View(db.Conductor.ToList());
}
// Ajax
public ActionResult Listaconductores()
{
Entities db = new Entities();
var data = db.Conductor.ToList();
return Json(data, JsonRequestBehavior.AllowGet);
}
Codigo de HTML
@model IEnumerable<ajax_test.Conductor>
@{
ViewBag.Title = "Index";
}
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div ng-app="conductores" ng-controller="conductoresController"></div>
<div class="row">
<div class="col" s6>
<h2>Conductores</h2>
</div>
<table class="table">
<tr>
<th>
Nombre
</th>
<th>
Apellido
</th>
<th>
Direccion
</th>
<th>
Cedula
</th>
<th>
Telefono
</th>
</tr>
<tr ng-repeat="conductor in lista">
<td>
{{conductor.Nombre}}
</td>
<td>
{{conductor.Apellido}}
</td>
<td>
{{conductor.Direccion}}
</td>
<td>
{{conductor.Cedula}}
</td>
<td>
{{conductor.Telefono}}
</td>
</tr>
</table>
</div>
Este es el resultado, Claro esta, ya hay datos ingresados en la db