Angular

System.import('app').catch(function(err){ console.error(err); });
Your application will be rendered between the my-app tags.
However, Angular still doesn't know what to render. To tell it that, we'll define AppComponent.
Step 5
Create a subfolder called app where we can define the components and services that make up our app. (In this
case, it'll just contain the AppComponent code and main.ts.)
mkdir app
Step 6
Create the file app/app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
{{title}}
{{message}}
`
})
export class AppComponent {
title = "Angular2 example";
messages = [
"Hello World!",
"Another string",
"Another one"
];
}
What's happening? First, we're importing the @Component decorator which we use to give Angular the HTML tag and
template for this component. Then, we're creating the class AppComponent with title and messages variables that
we can use in the template.
Now let's look at that template:
{{title}}
GoalKicker.com – Angular 2 Notes for Professionals 13