#13: ๐ง Refactor App Component
We're going to perform a small refactoring. The app-root
shouldn't have such a large template and all this logic. It should just call another component that will deal with that.
Create a new component called
list-manager
:
Use the Angular Generator to create the component, then make the component use an inline template. Continue with the remaining instructions on this page.
Move all the code from
app-root
tolist-manager
.You can keep the title in app-root, and give it a nice value.
Be careful not to change the list manager component's class name!
Call the new component from the
app-root
template:
That's it! Now we can go on.
๐พ Save your code
You can just press Ctrl + S
(On Windows) or Cmd + S
(On Mac.)
Press Save in the toolbar and continue to the next section of the tutorial.
Last updated