Angular dealing with XML view/edit operations

I have a XML file getting validated against a XSD file. My angular app will be dealing with this XML file.

  1. Now I want my angular app to have components or classes created to cater to tags used in XML file.
  2. These components eventually clubbed together as different application stages/screens representing different parts of XML file.
  3. I should be able to modify angular components/classes (which in turn supposedly modifying XML contents only) using those screens and then export them as modified XML.

Bottom line of the requirement is, I want my angular application to deal with XML file with view/edit/upload operations.

Please help me in architecting this design.