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 - Angular Tutorial
From the course: Angular: Workflows
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.