Angular 2同时使用打字稿和JavaScript

Question

我有用JavaScript编写的angular 2应用程序。 我想将其迁移到打字稿。

JS代码是：

(function (app) {
    app.SomeService = ng.core
        .Class({
            constructor: [app.AnotherService, function SomeService(s) {
                this._anotherService = s;
            }],  
            someFunction: function(){
                ...
            }
            .....    
        });
})
(window.app || (window.app = {}));

我想将此服务注入到我的打字稿组件中。 我怎样才能做到这一点？

我试图这样使用它：

@Component({...})
export class SomeComponent {
    constructor(public someService: window.app.SomeService) {
    }
}

但这行不通。

Answer 1

我设法混合JS和TS的方法是将文件与JS一起使用，就您而言，假设它是src / app.js，并带有上面发布的代码。

此时，您可以执行以下两项操作之一：

1. 您创建一个将使用所述JS代码的组件，例如：

    import {Component} from "angular2/core"; @Component({ selector: 'app', template: ` <a> <onclick='app()'>When the function is clicked, use app() code</a> , directives: [] }) export class App { constructor(){ } } 

该模板将取决于您的代码应该做什么。 我经常使用onClick，但是在这里您可以看到一个示例：

  template: `<input value="Select Date" type="text" class="datepicker" onclick ="myCalendar()" >

`

2. 另一种选择是从构造函数中调用JS代码

    import {Component} from 'angular2/core'; @Component({ selector: 'app', template: ` <div> </div> `, directives: [] }) export class MyApp { name:string; constructor() { this.name='Angular 2'; app(); } } 

因此，据我所知，这取决于您想做什么以及何时进行。 有些人有更多的经验，但是我尽量不要说错什么，并提供与我现在正在工作的类似的代码。