The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Angular 2: Template Syntax

Angular 2: Template Syntax

11:06
Curious about the new Angular 2 template syntax features? In this preview, John will take you on a tour.
Watch this lesson now
Avatar
egghead.io

Curious about the new Angular 2 template syntax features? In this preview, John will take you on a tour.

Avatar
Fabricio

Thanks for this great introduction, John.

I am curious about how do you support the Angular2 syntax in WebStorm.
How do you do it?

In reply to egghead.io
Avatar
Bharat

I second Farbricio's question. Could you please run a basic set of screencasts on how to configure WebStorm for optimal Typescript/Angular JS 2 coding? Also, a series on Typescript will not hurt either now that it is the default language for Angular 2.
This is great. Keep it coming.

In reply to egghead.io
Avatar
George

Hi John, Great Intro,
I saw that you posted an error regarding setInterval and the call stack error you were getting with zone.js how did you get that resolved for your screencast?

Avatar
Xoan

Agree, a vĂ­deo about angular2 setup is very interesting

Avatar
John

Until TypeScript 1.5 is released, you need to go into "Prefs->Languages->JavaScript" and change the "JavaScript Language Level" to "JSX Harmony".

Once TypeScript 1.5 is released, any ".ts" file will work by default or change "Prefs->File Types" so that TypeScript uses ".js" files as well.

In reply to Fabricio
Avatar
Dmitri

Very cool, John. Please keep more ng2 videos coming.

Avatar
Marian

Where can I get the files and structure from?

Avatar
Tudor-Cristian

As of today, this is the most simple Ng2 PlayGround I found on the Internet (there could be some disadvantages for being so simple)
http://plnkr.co/edit/PVXKgs?p=preview
Just use the files as they are, no server/npm needed.

The best comprehensive examples/demos:
http://www.syntaxsuccess.com/angular-2-samples/

Their articles:
http://www.syntaxsuccess.com/articleList/angular

Avatar
nortal

Very interesting example and explanation. I assume, that at the current state thou Template was changed to View annotation?

In reply to egghead.io
Avatar
John

Yes, this lesson is based on Angular 2 "alpha", please watch the recent course for more/better examples with updated syntax: https://egghead.io/series/angular-2-fundamentals

In reply to nortal
HEY, QUICK QUESTION!
Joel's Head
Why are we asking?