C# .net core IActionResult返回OK（）

我必须遵循下一个例子

当我创建我的控制器（应该和他的TripsController相同）并返回Ok和数据时，浏览器并没有解析为HTML，只是在浏览器中显示json格式

using System;
using System.Collections.Generic;
using AutoMapper;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc;
using Microsoft.Extensions.Logging;
using RnD.Models.Repository;
using RnD.Models.ViewModels;

namespace RnD.Controllers.Web
{

    [Route("/machines")]
    [Authorize]
    public class MachineTypeController : Controller
    {
        private ILogger<MachineTypeController> _logger;
        private IMachineTypeRepository _repository;

        public MachineTypeController(IMachineTypeRepository repository, ILogger<MachineTypeController> logger)
        {
            _logger = logger;
            _repository = repository;
        }

        [HttpGet("")]
        public IActionResult Index()
        {
            try
            {
                var results = _repository.GetAllMachineTypes();

                return Ok(Mapper.Map<IEnumerable<MachineTypeViewModel>>(results));
            }
            catch (Exception ex)
            {
                _logger.LogError($"Failed to get all Machine types: {ex}");
                return BadRequest("Error Occurred");
            }

        }
    }
}

machineController.js

// machineController.js
(function () {
    "use strict";

    angular.module("app")
        .controller("machineController", machineController);



    function machineController($http) {
        /* jshint validthis:true */
        var vm = this;

        vm.machines = [];

        vm.errorMessage = "";

        $http.get("/machines")
            .then(function (response) {
                // Success
                angular.copy(response.data, vm.machines);
            }, function (error) {
                // Failure
                vm.errorMessage = "Failed: " + error;
            });

    }
})();

Index.cshtml

@model IEnumerable<RnD.Models.Entity.MachineType>
@{
    ViewBag.Title = "Machine Type List";
}

@section scripts{

    <script src="~/lib/angular/angular.js"></script>
    <script src="~/js/app.js"></script>
    <script src="~/js/machineController.js"></script>
}
<div class="row" ng-app="app">
    <div ng-controller="machineController as vm" class="col-md-6 col-md-offset-6">
        <table class="table table-responsive">
            <tr ng-repeat="machine in vm.machines">
                <td>{{machine.name}}</td>
            </tr>
        </table>
    </div>
</div>

@model IEnumerable
@{
ViewBag.Title=“机器类型列表”；
}
@节脚本{
}
{{machine.name}

我发现了问题所在

在控制器中，我又添加了一个方法

[HttpGet("GetMachines")]
public IActionResult GetMachines()
{
    try
    {
        var results = _repository.GetAllMachineTypes();

        return Ok(Mapper.Map<IEnumerable<MachineTypeViewModel>>(results));
    }
    catch (Exception ex)
    {
        _logger.LogError($"Failed to get all Machine types: {ex}");
        return BadRequest("Error Occurred");
    }
}

@model IEnumerable<RnD.Models.Entity.MachineType>
@{
    ViewBag.Title = "Machine Type List";
}

@section scripts{

    <script src="~/lib/angular/angular.js"></script>
    <script src="~/js/app.js"></script>
    <script src="~/js/machineController.js"></script>
}
<div class="row" ng-app="app">
    <div ng-controller="machineController as vm" class="col-md-6 col-md-offset-6">
        <table class="table table-responsive">
            <tr ng-repeat="machine in vm.machines">
                <td>{{machine.name}}</td>
            </tr>
        </table>
    </div>
</div>

[HttpGet("GetMachines")]
public IActionResult GetMachines()
{
    try
    {
        var results = _repository.GetAllMachineTypes();

        return Ok(Mapper.Map<IEnumerable<MachineTypeViewModel>>(results));
    }
    catch (Exception ex)
    {
        _logger.LogError($"Failed to get all Machine types: {ex}");
        return BadRequest("Error Occurred");
    }
}

(function () {
"use strict";

angular.module("app")
    .controller("machineController", machineController);



function machineController($http) {
    /* jshint validthis:true */
    var vm = this;

    vm.machines = [];

    vm.errorMessage = "";

    $http.get("/machines/GetMachines")
        .then(function (response) {
            // Success
            angular.copy(response.data, vm.machines);
        }, function (error) {
            // Failure
            vm.errorMessage = "Failed: " + error;
        });

}
 })();