Within this building block, we have created an in-place editor component, which we can use to make things editable for any content within our application. It allows us to provide the user with contextual editing capabilities, which will result in a fantastic overall user experience.
We have also learned about the following topics:
- Using the contenteditable HTML5 attribute to enable in-place editing
- Using @ViewChild and @ViewChildren to query view child elements
- Using the ElementRef dependency to perform native DOM operations
- Implementing the logic, using the OnChange as well as the AfterViewInit life cycle hooks, to reflect data between Angular and content that is not in immediate control of Angular
