从ASP.NET MVC视图调用TypeScript类方法

Question

I have a TypeScript class like the following

export class A
{
     myFunc(n : number){
         alert(n);
     }
}

I need to render an attribute on my select element onchange event so it will call the TypeScript class method.

writer.AddAttribute(HtmlTextWriterAttribute.Onchange,
           string.Format("javascript:new A().myFunc({0})", this.Number));

My question is how can I find the exact definition so I will be able to render a proper call to the TypeScript function?

This is how the compiled js looks like...

define("app", ["require", "exports", "jquery"], function (require, exports, $) {
   "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });

    function myFunc(rsw_id) {
       alert(rsw_id);
    }
});

Answer 1

I hope it will help someone.
When using export and import for classes etc. the generated JavaScript code is dependent upon requireJS and you need to properly install it in your project and configure it.
RequireJS is great but in some cases you just separate your classes to different files and not into different modules.
Combining RequireJS with ASP.NET MVC is possible and there are great articles out there but for me it was an overkill and complicated the code without real neccassity. In my application there is only one module.
So, I removed all the export/import expressions from the classes and selected None for module system setting (At the project properties, TypeScript section). Now the generated javascript exposes all the classes as functions that can be easily addressed.

This article really helped me: http://www.mobzystems.com/blog/creating-a-simple-typescript-web-app/