Сортировка и отображение html-тегов в html-строке на основе списка строк массива в angular

#typescript

Вопрос:

У меня есть HTML string , который содержит много html tags .Из этого html string мне нужно отсортировать на html tags основе выбора пользователем. Согласно прикрепленному изображению, у меня есть Allergies, Encounters, Immunizations, Medications, Care plan etc в моем html string , мое требование здесь заключается в том, что если пользователь Allergies, Encounters and Care plan выбирает только эти теги, то должны отображаться только эти теги и в том же порядке.

Означает, что мой список сортировки представляет собой список строк массива Ex: ["Allergies","Encounters","careplan"] в соответствии с этим порядком, только мой html-код должен отображаться только с этими тегами. Мне нужно достичь этого в angular. Вот мой htmlstring code snippet
HTMLimage