解决方法

import {SomeType} from "sometype.d.ts"
declare let ObjectImportedFromHTMLScriptTag: SomeType;

我只习惯了Javascript EcmaScript 5，我想知道这三个的强度和弱点是什么？

在问这个问题的时候，文档是更加发达的Typescript和漂亮的苗条其他人(甚至他们自己的语言Dart)：

> Typescript：4教程，16开发人员指南，4测试指南
> Javascript：0教程，4开发人员指南，0测试指南
> Dart：0教程，14开发人员指南，0测试指南

我应该改变我的开发使用Javascript的习惯，并遵循Angular 2使用Typescript建议的习惯？它真的改变了Javascript的概念吗？

AngularJS 2.0官网

TypeScript

对于TS，有最多的资源(文档，…)，因为有一个巨大的用户群。

Dart和JS版本的Angular是从TS生成的。
似乎有很多问题，以获得一个Angular TS项目启动和运行(见Angular2问题在这里SO)，但有种子项目可用，一切已经建立。我不知道细节，因为我只使用Dart自己。

对于TS现在有Angular CLI，它改善了Angular2的TypeScript的开发者体验。

JavaScript，ES5，ES6

如果你是一个JS纯粹主义者，它可能是你正确的语言。如果没有(如果你是你可能不会问这个问题)，那么我相信你最好使用Dart或TS。
Angular使用类型注释在几个方面。使用JS需要“解决方法”，否则一个简单的类型注释就足够了(主要是依赖注入)。

镖

Dart是一个很好的语言与一组工具，一起工作良好。
很多问题的JS / TS环境导致Dart解决优雅。

自从2016/05年左右Angular2 Dart是一个独立的项目，与TS和JS版本(截至2016/10)有很大不同。

>在TS中多次替换的路由器模块使其与离线模板编译工作，在Dart中没有被替换，因为在Dart延迟加载也可以与“老”路由器正常工作。> …而且NgModule也没有介绍给Dart因为同样的原因。>为TS创建的新的Forms模块未移植到Dart。> Dart从一开始就有离线模板编译，但不支持browser-platform-dynamic在运行时编译组件。>一个新的依赖注入模块似乎正在进行中的Dart基于Dagger2(目前还不可用)替换自动生成的TypeScript代码的DI系统。> Angular2 Dart强烈关注构建输出大小和运行时性能，但是AFAIK支持多平台支持(如服务器端渲染)已被放弃。

以下是我要实现的一个例子：

module app.directives {

    export var directiveName: string = "theDirective";

    angular.module("myApp").directive(directiveName,(myFactory: app.services.MyFactory) =>
           {
                return new MyDirective(myFactory);
           });

    export interface IMyDirectiveScope extends ng.IScope {
        ngModel: ng.INgModelController;
    }

    export class MyDirective implements ng.IDirective {

        restrict = "A";
        require = "ngModel";
        scope = {
            ngModel:'='
        }

        constructor(private myFactory: app.services.MyFactory) {

        }


        link(scope: IMyDirectiveScope,elem: JQuery,attributes: ng.IAttributes,ngModel: ng.INgModelController) {
            //this is window here

            elem.bind('blur',(evt: JQueryEventObject) => {  
                 //keyword this is also window here,so yeah bummer indeed
                 validate(); 
            });

            function validate() {
                 //I need to use my factory here,but I can seem to get it.
                 //this is always window and I'm kinda stuck here
            }
        }
    }
}

我似乎找不到一些更高级的东西在这个话题.所有的示例我都没有发现似乎不使用服务或复杂的链接功能.
请以某种方式回答这个问题.这是你想的诡计.

更新：我的链接函数内的“this”是窗口而不是“MyDirective”对我来说没有什么意义.任何想法为什么会这样？

export class MyDirective implements ng.IDirective {

    public link;

    restrict = "A";
    require = "ngModel";
    scope = {
        ngModel:'='
    }

    constructor(private myFactory: app.services.MyFactory) {
        this.link = this.unboundLink.bind(this);
    }


    unboundLink(scope: IMyDirectiveScope,ngModel: ng.INgModelController) {
        //Now you should be able to access myFactory
        this.myFactory.doSomething();

        elem.bind('blur',(evt: JQueryEventObject) => {  
             //keyword this is also window here,so yeah bummer indeed
             validate(); 
        });

        function validate() {
             //I need to use my factory here,but I can seem to get it.
             //this is always window and I'm kinda stuck here
        }
    }
}

编辑：没有类,你可以这样做：

angular.module("myApp").directive("theDirective",function(myFactory: app.services.MyFactory) {
        return {
            restrict: 'A',require: 'ngModel',scope: {'ngModel': '='},link: function(scope: IMyDirectiveScope,ngModel: ng.INgModelController) {
                //You can access myFactory like this.
                myFactory.doSomething();
            }
        }
    }
);