可以使用AngularJS和Typescript的Plunker？

Question

我有一些代码我想问一下有关stackoverflow的问题.代码使用Typescript在AngularJS中编写,并操作和观察$ location.hash.我现在在https://github.com/svdoever/AngularJS-bookviewer上的github上有代码.是否可以在http://plnkr.co上获得此代码,最好不使用已编译的Typescript文件？

我在https://twitter.com/filearts/status/290961349092208642上读到,应该在http://plunkr.co上支持Typescript .

编辑:

Bassarat将gh-pages分支添加到git存储库的解决方案完成了这项工作.看到他的回答评论.

Answer 1

plunker不支持它.但是当我需要第三方lib支持(例如angularjs)时,我倾向于使用http://typescript.io/.否则我只是坚持使用TypeScript Playground http://www.typescriptlang.org/Playground/

更新

您可以使用https://github.com/basarat/typescript-script(plunker示例:https://github.com/basarat/typescript-script#plunker)随意使用TypeScript

也就是说许多游乐场现在支持TypeScript,包括plunkr:https://github.com/ggoodman/plunker-run-plugin/blob/master/README.md(只需放在"use typescript";你文件的顶部并添加一个tsconfig.json文件

Answer 2

您可以使用TypeScript Compile将TypeScript文件转换为JavaScript.

像这样引用你的TS文件:

<script type="text/typescript" src="app.ts"></script>

并在HTML正文的末尾添加这两个JS文件:

<script type="text/javascript" src="//niutech.github.io/typescript-compile/js/typescript.min.js"></script>
<script type="text/javascript" src="//niutech.github.io/typescript-compile/js/typescript.compile.js"></script>

Kos Prov在这里创建了一个有效的TypeScript Plunker .

更新

您可以使用SystemJS加载TypeScript文件,但您需要手动引导Angular.

http://plnkr.co/edit/kFsJ7q?p=preview