Условно закрывающий тег в шаблоне Angular Ionic3

Question

Я хотел бы сделать список выбора в угловом шаблоне с массивом ниже.

var arr = [
    {section:"An Hour before Dinner", title:"Cook peas"},
    {section:"An Hour before Dinner", title:"Take pie out"},
    {section:"As guests arrive", title:"Mix drinks"},
    {section:"Just Before Dessert", title:"Reheat at 325 about 20 minutes."},
    {section:"Just Before Dessert", title:"Cut and serve."}
];

Я хотел бы получить такой результат в угловом шаблоне: https://jsfiddle.net/8n3vfgLr/