1. What is Angular - ACM Learning Center · O CloudKit Prototyping ADD COMPONENT (100) Single panel...

Post on 24-Jun-2020

5 views 0 download

Transcript of 1. What is Angular - ACM Learning Center · O CloudKit Prototyping ADD COMPONENT (100) Single panel...

1. What is Angular2. Ecosystem3. Getting Started4. Demo5. The Future

platform

applicationsweb

<div *ngIf="data$ | async as data">

<h1>{{data.title}}</h1>

<p *ngFor="let child of data.children">

{{child.text}}

</p>

</div>

@Component({

templateUrl: 'component.html'

})

export class MyComponent() {

constructor(http: HttpClient) {}

}

● ng new

● ng generate

● ng serve

● ng build

● ng add

● ng update

<div i18n>Welcome!</div>

<img i18n-placeholder="2018 results" .../>

Custom Elements

Google

Builders Authors

Services

yarn global add @angular/cling new my-app

https://stackblitz.com/

After

Stability I+