# Enhanced \*ngIf and \*ngFor in Angular version 4.0.0

DevFeed: [Enhanced \*ngIf and \*ngFor in Angular version 4.0.0](<https://devfeed.tech/articles/enhanced-ngif-and-ngfor-in-angular-version-4-0-0-21316.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2017/06/new-enhanced-ngIf-and-ngFor/>)

Published: 2017-06-12T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [API](<https://devfeed.tech/topics/api.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [component](<https://devfeed.tech/tags/component.md>), [http](<https://devfeed.tech/tags/http.md>), [loops](<https://devfeed.tech/tags/loops.md>), [rxjs](<https://devfeed.tech/tags/rxjs.md>), [subscription](<https://devfeed.tech/tags/subscription.md>)

## AI overview

This tutorial explains enhancements to Angular 4.0.0's *ngIf and *ngFor directives, including if-then-else syntax and improved handling of RxJS Observables in templates with the async pipe and template variables.

## Source excerpt

Lorem ipsum dolor sit amet