Angular2 на JSFiddle — как подключить файл .ts?

Я использую jsFiddle в первый раз. Я не знаю, как включить в него все свои файлы. В настоящее время при запуске скрипта он возвращает 404. Как мне связать мой локальный файл ts, чтобы он запустился.

Моя скрипка находится здесь. Любая помощь будет принята с благодарностью.

<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(…)


angular jsfiddle plunker
person Unnati    schedule 14.12.2016    source источник
comment
Не могли бы вы вместо этого использовать плунжер?   -  person eko    schedule 14.12.2016
comment
да тоже будет нормально.   -  person Unnati    schedule 14.12.2016
comment
Я привел пример ниже. Соответствует ли это вашим потребностям?   -  person eko    schedule 18.12.2016

Ответы (2)


arrow_upward
1
arrow_downward

Вот начальный проект 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.

Вы можете щелкнуть стрелку справа от New -> Angular -> 2.0.x.

person eko    schedule 14.12.2016
comment
Я разветвил ссылку на плункер, указанную выше, всякий раз, когда я делаю какие-либо изменения, он открывает результат на новой вкладке, что замедляет меня при написании кода. - person Siddharth Sharma; 10.01.2017
comment
@SiddharthSharma похоже, что это ошибка версии zone.js groups.google.com/ форум/#!topic/plunker/cPEILSWfjS4. Обновил до 0.6.25. - person eko; 10.01.2017
comment
Если кто-то сталкивается с проблемой открытия результата кода в новой вкладке, это можно временно исправить, отключив автоматическое сохранение внизу на вкладке настроек plunkr. После этого вам нужно будет сохранить вручную. - person Siddharth Sharma; 10.01.2017

arrow_upward
0
arrow_downward

Вы можете щелкнуть раскрывающийся список NEW и нажать Angular, чтобы автоматически сгенерировать шаблон angular4.

person Roel    schedule 21.07.2017