simple angularjs 2.0 example using typescript

Question

Be a dear, and help me with this simple Angularjs 2.0 example using typescript.

What have I tried?

I will provide my index.html and plunker the rest (I am sure there are more than a few issues in the plunker link below), I am just starting AngularJS 2.0 + typescript.

<html>
  <head>
    <title>Angular 2 Todo</title>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.9/angular2.min.js"></script>
    <script>
    System.config({
        transpiler: 'typescript',
        typescriptOptions: {emitDecoratorMetadata: true},
        packages: {app: {defaultExtension: 'ts'}}
    });
    System.import('app');
    </script>
  </head>
  <body>
    <app>Loading</app>
  </body>
</html>

Plunker Link

Just use New > AngularJS > 2.0.x (TS) in Plunker to get a running Plunker with a recent Angular version (beta.9 is outdated). — Günter Zöchbauer
– Günter Zöchbauer, Commented May 20, 2016 at 16:50

eko · Accepted Answer · 2016-05-20 16:51:49Z

2

You are using <script src="https://code.angularjs.org/2.0.0-beta.9/angular2.min.js"></script>

but importing your directives with rc syntax'@angular/common';

Here's a simple plunker with rc.1 for a start: Plunker

answered May 20, 2016 at 16:51

eko

40.8k11 gold badges79 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

simple angularjs 2.0 example using typescript

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related