angular

Desktop to Web: Passing Data Between Angular Components

July 3, 2019Posted by Brian Lagunas2 Commentsin Angular, Video, WPF

Passing data between Angular components can be achieved using both the @Input and @Output decorators. To pass data to a child component, create a property on the child component and apply the @Input attribute to that property. @Input() childProperty: string; Then simply create a property…

Read More

Desktop to Web: ngIf, ngSwitch, and ngFor Structural Directives in Angular

June 29, 2019Posted by Brian Lagunasin Angular, Video

Angular Structural Directives are used to add and remove items to the DOM. The three Angular directives we will talk about in this video is the ngIf, the ngSwitch, and the ngFor directives. The ngIf directives allows you to add and remove items to the…

Read More

Desktop to Web: Transforming Data with Angular Pipes

May 20, 2019Posted by Brian Lagunasin Angular, Video

Generally, If you want to transform data in your Angular application, you write the code in the component. For example, if you want to transform today’s date into a format like ’20 May 2018′ or ’20-05-2018′, you would need to write the logic for that…

Read More

Desktop to Web: Creating your UI with Angular Components

March 15, 2019Posted by Brian Lagunasin Angular, Video, WPF

A core responsibility for a desktop developer is to provide a user interface (UI) to end-users. In WPF this is done with Windows and UserControls, but what do we use in Angular? In this video, I will show you how to use Angular Components to…

Read More

Desktop to Web: Create your first Angular App

March 6, 2019Posted by Brian Lagunasin Angular, Infragistics, Video

In this video, I show you how to create an Angular application, we compare the Angular file structure to a WPF app file structure, and we see how we can run our Angular app in the browser. Creating a new Angular app is as easy…

Read More

Desktop to Web: Install Angular in 3 Simple Steps

February 27, 2019Posted by Brian Lagunasin Angular, Infragistics, Video, WPF

In this video, I show desktop developers how to get their machine ready for Angular development. Angular development requires four pieces of software: Node JS NPM Angular CLI An IDE (Visual Studio Code) Installing Angular requires only three steps. Install Node JS and NPM. When…

Read More