From the course: Angular: Workflows

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Organizing library project

Organizing library project - Angular Tutorial

From the course: Angular: Workflows

Start my 1-month free trial

Organizing library project

- [Narrator] We will now get started implementing a custom status component. To get an idea, we want to develop a status component like the one you see here. Green means safe. Yellow means warning. And a pulsating red dot means danger. Let's head to our application and clean things up a bit. We won't be needing the service, so we can get rid of that. Well, we need to delete it from the Public API. Let's create a new folder for our ng component. Let's call this, hacker-status. Move the component and the spec file to this new folder. Let's also rename these files. This will be, hacker-status.component. This was a spec file, so let me add a spec.ts here. And this is the component file. In here, I will rename, I'm going to use the rename symbol feature here. HackerStatusComponent. I will also change the selector. This will be, vm-hacker-status. I'm adding my intials to denote that it is a custom component. This looks good here. Let's head over to the spec file. We first need to fix this…

Contents