适用于AngularJS + TypeScript的Yeoman生成器

有一个名为JakubMrozek/generator-angular-typescript的生成器。

按照README.md中所写的方式进行操作,基本上是可以运行的。
如果在执行“grunt server”时出现错误,错误会在“components/types/angularjs/angular.d.ts:88”处显示。

directive(name: string, directiveFactory: (...params)=> IDirective): IModule;

There are multiple ways to paraphrase “を” in Chinese, depending on the context. Here is one option:

将”を”翻译为中文可以用以下的方式表达

directive(name: string, directiveFactory: (...params: any[])=> IDirective): IModule;

需要做的是将其更改为中文。
以下是一个用捷克语或其他语言编写的 README.md 文件的努力翻译成中文的内容。

安装方法

npm install yo grunt-cli bower testacular -g
npm install git://github.com/JakubMrozek/generator-angular-typescript.git
yo angular
npm install && bower install

指令

    • grunt server – 開発を始める

 

    • grunt test – すべてのテストを実行する

 

    • grunt testacular:unit – 自動リフレッシュで単体テストを行なうために、Testacularを開始する

 

    grunt build – プロジェクトをビルドする(ミニファイや最適化など)

基本的用法

控制器、指令、过滤器和服务的生成方式以及它们的测试方法。

控制器 zhì qì)

产生方式:

yo angular:controller Ctrl

在 app/scripts/controllers/ctrl.ts 中生成:

/// <reference path="../app.ts" />

'use strict';

module app.controller {

  export class Ctrl implements IController {

    constructor (private $scope) {

    }

}

}

app.registerController('Ctrl', ['$scope']);

指令

创造方式:

yo angular:directive dir

在 app/scripts/directives/dir.ts 中创建

/// <reference path="../app.ts" />

'use strict';

module app.directive {

  export class Dir implements IDirective {

    template = '<div></div>';

    restrict = 'E';

    link (scope, element: JQuery, attrs: ng.IAttributes) {
      element.text('this is the dir directive');
    }

}

}

app.registerDirective('Dir', []);

过滤器 qì)

生成方法:

yo angular:filter fil

在app/scripts/filters/fil.ts文件中生成

/// <reference path="../app.ts" />

'use strict';

module app.filter {

  export class Fil implements IFilter {

    filter (input: string) {
      return 'fil filter: ' + input;
    }

}

}

app.registerFilter('Fil', []);

服务

产生方式:

yo angular:service serv

在app/scripts/services/serv.ts中生成。

/// <reference path="../app.ts" />

'use strict';

module app.service {

  export class Serv implements IService {

    private meaningOfLife = 42;

    constructor () {

    }

    someMethod () {
      return this.meaningOfLife;
    }

  }

}

app.registerService('Serv', []);

请参考此链接获取详细信息。

许可证

BSD许可证

广告
将在 10 秒后关闭
bannerAds