适用于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许可证