Implementing NgIf For Conditional Rendering

Course Content

المحتوى

0/151

Introduction to Angular 9 and Version History

Introduction to Angular 9 and Version History

Upgrading to Angular Version 9

Installing Angular CLI and Running Your First Angular App

Integrating Bootstrap Framework in Your Angular App

Understanding Angular Folder Structure and Boot Process

Exploring Package.json and Package-lock.json

Getting Started with Angular CLI

Understanding Angular Modules

Introduction to Decorators in Angular

Creating and Using Components

Working with Directives

Implementing NgIf for Conditional Rendering

Using NgSwitch for Conditional Display

Utilizing NgFor for Iteration

Applying NgStyle for Dynamic Styles

Using NgClass for Conditional CSS Classes

Understanding Data Binding

Using Interpolation for Data Display

Implementing Property Binding

Understanding Attribute Binding

Implementing Event Binding

Two-Way Data Binding Explained

Introduction to Pipes

Exploring Built-In Pipes

Using Parameterized Pipes

Chaining Pipes for Complex Transformations

Creating Custom Pipes

Implementing Routing in Angular

Exploring Routing Strategies

Setting Base HREF for Routing

Creating a Routing Module

Using Router Outlet for Navigation

Configuring Routes in Angular

Implementing Parameterized Routes

Using Query Params in Routes

Redirecting Routes in Angular

Working with Wildcard Routes

Implementing Child Routes

Lazy Loading Modules in Angular

Using Route Guards for Navigation Control

Installing Bootstrap in Angular

Working with Forms in Angular

Template Driven Forms in Angular

Validating Template Driven Forms

Introduction to Reactive Forms

Validating Reactive Forms

Getting Values from Reactive Forms

Setting Values in Reactive Forms

Resetting Reactive Forms

Handling Value Changes in Reactive Forms

Monitoring Status Changes in Reactive Forms

Using Form Arrays in Reactive Forms

Creating Nested Form Arrays in Reactive Forms

Dynamically Adding Rows in Reactive Forms

Removing Rows from Reactive Forms

Understanding Observables in Angular

Explaining Dependency Injection

Creating and Using Services in Angular

Utilizing HttpClient for API Calls

Angular 9 Tutorial For Beginners 60 Http GET

Angular 9 Tutorial For Beginners 61 HTTP POST

Angular 9 Tutorial For Beginners 62 HTTP PUT

Angular 9 Tutorial For Beginners 63 HTTP DELETE

Angular 9 Tutorial For Beginners 64 HTTP Headers

Angular 9 Tutorial For Beginners 65 HTTP Params

Angular 9 Tutorial For Beginners 66 HTTP Interceptors

Angular 9 Tutorial For Beginners 67 Angular Testing Tutorial

Angular 9 Tutorial For Beginners 68 Testing Fundamental Concepts

Angular 9 Tutorial For Beginners 69 Angular Unit Testing

Angular 9 Tutorial For Beginners 70 Angular E2E Testing

Angular 9 Tutorial For Beginners 71 Skipping Tests in Angular Testing

Angular 9 Tutorial For Beginners 72 Angular Run Focused Tests

Angular 9 Tutorial For Beginners 73 Test Code Coverage Report

Angular 9 Tutorial For Beginners 74 Build and Deploying Angular Apps

Angular 9 Tutorial For Beginners 75 Ahead of Time AOT Compilation

Angular 9 Tutorial For Beginners 76 Build Angular Applications

Angular 9 Tutorial For Beginners 77 Build and Deploy Multiple Apps

Angular 9 Tutorial For Beginners 78 Configuring Environments Variables

Angular CRUD with Web API Tutorial Part 1 Project Introduction and CRUD overview

Angular CRUD with Web API Tutorial Part 2 Install Angular CLI in Visual Studio Code

Angular CRUD with Web API Tutorial Part 3 Setup Local JSON Server and Mock API Endpoints

Angular CRUD with Web API Tutorial Part 4 Install Bootstrap in Angular 9 Visual Studio Code

Angular CRUD with Web API Tutorial Part 5 Feature Modules in Angular App

Angular CRUD with Web API Tutorial Part 6 Generate Components with Module and Routing

Angular CRUD with Web API Tutorial Part 7 Angular Layout Template Tutorial

Angular CRUD with Web API Tutorial Part 8 CRUD Feature Module Routing

Angular CRUD with Web API Tutorial Part 9 Service For Feature Module

Angular CRUD with Web API Tutorial Part 10 Creating Interface Model For Feature Module

Angular CRUD with Web API Tutorial Part 11 Feature Module CRUD

Angular CRUD with Web API Tutorial Part 12 Feature Module CRUD Tutorial

Angular CRUD with Web API Tutorial Part 13 Testing and Deploying Feature Module

Angular Testing Tutorial 2 Introduction to Unit Test and E2E Testing

Angular Testing Tutorial 1 Sample Project Setup

Angular Testing Tutorial 3 Run Unit Tests

Angular Testing Tutorial 4 Run E2E Tests

Angular Testing Tutorial 8 Understanding Angular Test Spec File

Angular Testing Tutorial 9 AAA Pattern

Angular Testing Tutorial 10 BeforeEach Method in Test Spec

Angular Testing Tutorial 11 Angular TestBed Tutorial

Angular 10 Tutorial 1 Introduction | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 2 Version Release History | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 3 Upgrade to Angular 10 | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 4 Install Angular CLI | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 5 Install Bootstrap in Angular Apps | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 6 Install Angular Material in Angular App | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 9 Package Json and Package lock json | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 10 Angular CLI Tutorial | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 7 Folder Structure of Angular Apps | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 8 Boot Process of Angular Apps | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 11 App Architecture | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 13 Components | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 14 Component Lifecycle Hooks | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 12 Modules | Angular 10 Tutorial For Beginners

Thank you for everything

Angular 10 Tutorial 15 Component Communication | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 16 Templates in Angular Component | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 19 ngIf in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 17 Directives in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 18 Structural Directives in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 20 ngFor in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 21 ngSwitch in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 22 ngStyle in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 23 ngClass in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 24 Data Binding in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 25 Interpolation in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 26 Property Binding in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 27 Attribute Binding in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 28 Event Binding in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 30 Pipes in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 29 Two Way Data Binding in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 31 Built In Pipes in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 33 Chaining Pipes in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 32 Parametrized Pipes in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 35 Component Routing in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 34 Angular Router Tutorial | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 37 Multiple Router Outlets in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 36 Router Outlet in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 38 Routing Strategy in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 39 Base Href in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 41 Configure Component Routes in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 42 Parametrized Routes in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 45 Query Params in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 43 RouterLink in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 40 Router Module in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 46 Wildcard Routes Link in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 48 Route Guards in Angular | Angular 10 Tutorial For Beginners

Angular 10 Tutorial 47 Lazy Loading in Angular | Angular 10 Tutorial For Beginners

Mean stack project from scratch Part 1 Introduction | Angular crud with web api

Mean stack project from scratch Part 2 Demo of Application | Angular crud with web api

Final Exam - Beginner’s Guide to Angular 9

Beginner’s Guide to Angular 9

Explore how to use NgIf to conditionally display elements in your Angular templates.

0% Complete

Sign inSign up

Sign in

Don’t have an account? Sign up

Remember meLost your password?

Sign up

Already have an account? Sign in