Skip to main content
Agregué el código de cómo deberías llamar al controlador
Origen Enlace

SCRIPT DEL JS

var conductores = angular.module('conductores', []);
conductores.controller('ConductorsController', function ($scope, $http) {
         $http.get('/Conductors/Index').then(function (response) {
             $scope.lista = response.data;
 })
})

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="ConductorsController"></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>

SCRIPT DEL JS

var conductores = angular.module('conductores', []);
conductores.controller('ConductorsController', function ($scope, $http) {
         $http.get('/Conductors/Index').then(function (response) {
             $scope.lista = response.data;
 })
})

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="ConductorsController"></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>
Origen Enlace

Espero que estés bien.

El problema que estoy notando en tu código es que tanto en tu vista HTML como en tu script de JavaScript haces referencia a un controlador de nombre conductoresController mientras que el nombre del controlador que quieres llamar es ConductorsController.

Además recuerda que JavaScript es un lenguaje Sensitive Case, por lo tanto en tu script deberías llamar al controlador exactamente de la forma como lo nombraste en tu código del controlador.