Question

我第一次使用jsFiddle。我不知道如何在其中包含我的所有文件。目前，当运行小提琴时，它返回404.如何链接我的本地ts文件以使其运行。

我的小提琴位于here。任何帮助将不胜感激。

<script>document.write('<base href="' + document.location + '" />');</script>
 <script>
    System.config({
      transpiler: 'typescript',
      typescriptOptions: { emitDecoratorMetadata: true },
      packages: {'app': {defaultExtension: 'ts'}} 
    });
  System.import('app/main')
        .then(null, console.error.bind(console));
</script>

返回：

angular2-polyfills.js：1243错误：XHR错误（404 NOT FOUND）加载 https://fiddle.jshell.net/Unnati/kje2sr61/show/app/main.ts（...）

Answer 1

以下是一个关于动物的Angular2初学者项目：http://plnkr.co/edit/F5lDxrDUFlNQQZimUhk9?p=preview

它是用简单的AppComponent

引导的

@Component({
  selector: 'my-app',
  template: `
  <h2>Hello World</h2>`,
  providers: []
})
export class App implements ngAfterViewInit{
  name:any;

  constructor() {}

  ngAfterViewInit(){
  }
}

设置了所有system.config类型的配置。如果您想更改它并保存以供以后使用，只需点击屏幕顶部的“叉子”即可。

更新：Plunker现在有一个Angular 2.0.x的默认模板选项

您可以点击新功能右侧的箭头 - ＆gt;角度 - ＆gt; 2.0.x的

Answer 2

您可以点击下拉菜单，然后点击Angular，这将自动生成angular4模板。

JSFiddle上的Angular2 - 如何包含.ts文件？

2 个答案: