Как вызвать метод машинописи в asp.net mvc view - PullRequest
Новая
       52

Как вызвать метод машинописи в asp.net mvc view

0 голосов
/ 11 ноября 2018

Я встроил машинопись в мое приложение mvc 5 и создал файл машинописи для загрузки моих данных json. Я получаю сообщение об ошибке ' Экспорт не определен ' (я не знаю, как решить эту проблему).
Также мне хотелось бы узнать, как мне загрузить свои данные в мое Index.cshtml представление о загрузке страницы.
Как создать метод публикации для вставки данных?
Кто-нибудь может сказать мне, как мне этого добиться?

что я пробовал

app.ts 

        /// <reference path="Scripts/typings/jquery/jquery.d.ts" />
        import * as $ from "jquery";

        export class Employee {
           Id: number;
           EmpName: string;
           Age: number;
           Gender: string;
           Address: string;
           Contact: string;
           Email: string;
           CountryId: number;
           IsActive: boolean;
          }

        export class EmployeeRepository {
              private employees: Array<Employee> = [];

        constructor() {
            this.loadEmployees();
        }

        loadEmployees=(): void=> {
           $.getJSON('Employee/Index',
              data => {
                this.employees = data;

                if(data.count()>0) {
                    this.displayUsers();
                }
            });
         };

       protected displayUsers(): void {

          let table = '<table class="table">';
          for (let i = 0; i < this.employees.length; i++) {

            table += '<tr>' +
                '<td>' + this.employees[i].Id + '</td>' +
                '<td>' + this.employees[i].EmpName + '</td>' +
                '<td>' + this.employees[i].Age + '</td>' +
                '<td>' + this.employees[i].Gender + '</td>' +
                '<td>' + this.employees[i].Address + '</td>' +
                '<td>' + this.employees[i].Contact + '</td>' +
                '<td>' + this.employees[i].Email + '</td>' +
                '</tr>';
           }
           table += '</table>';
           $('#content').html(table);  
         }
       }

     function GetEmployees() {
        const empData = new EmployeeRepository();
        document.getElementById("content")
           .innerHTML = this.empData;
      }

tsConfig.json 

  {
     "compileOnSave": true,
     "compilerOptions": {
     "noImplicitAny": false,
     "noEmitOnError": true,
     "removeComments": false,
     "sourceMap": true,
     "target": "es5",
     "module": "commonjs",
     "outDir": "../appScriptsJS"
  },
 "exclude": [
   "node_modules",
   "wwwroot"
    ]
 }

EmployeeController 

 public class EmployeeController : Controller
{
    private IEmployeeRepository _employeeRepository;
    private ICountryRepository _countryRepository;

    public EmployeeController(IEmployeeRepository employeeRepository,
        ICountryRepository countryRepository)
    {
        _employeeRepository = employeeRepository;
        _countryRepository = countryRepository;
    }

    [HttpGet]
    public ActionResult Index()
    {
        try
        {
            var employeeList = _employeeRepository.GetAllEmployeesAsync();
            return View(employeeList);
        }
        catch (Exception e)
        {
            Console.WriteLine(e);
            throw;
        }
    }
 }

Я использую vs 2017 и машинописный текст 3.1.
Любая помощь была бы мне очень признательна.

...