Angular from an Architect’s point of view

  1. High level Architecture of an Angular App
File - src/app/app.component.html<h4>{{recommended}}</h4>
<img [src]="itemImageUrl2">
File - src/app/app.component.html<ul>
<li *ngFor="let customer of customers">{{customer.name}}</li>
</ul>
<label>Type something:
<input #customerInput>{{customerInput.value}}
</label>
File - src/app/app.component.html<button (click)=”deleteHero()”>Delete hero</button>
File - src/app/app.component.html<button (click)=”onSave($event)”>Save</button> 
<button *ngFor=”let hero of heroes” (click)=”deleteHero(hero)”>{{hero.name}}</button>
<form #heroForm (ngSubmit)=”onSubmit(heroForm)”> … </form>

--

--

--

Suffering from Knowledge Quest

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Practical React: Understanding Async with Redux Sagas. (Pt. 1)

First React APP. random-advice

Blog Post 405

Making economic RTS with React and Babylon

Functional JavaScript: Resolving Promises Sequentially

Reduce your Dependencies

Breadcrumb component with React Portals

15 Proven Optimization Tips For Angularjs Development To Speed Up Your Web App Performance

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Arun Rajeevan

Arun Rajeevan

Suffering from Knowledge Quest

More from Medium

Ways to find the angular version

Jest Integration with Angular 12

RxJS to catch or not to catch

RxJS Schedulers