give active class onclick in ngFor angular 2

Question

Hi I have unordered list and all of them have active class. I want to toggle active class when clicked to any list item. My code is like this

Answer 1

just make an index property. use let i = index to set the index using (click) event. Then check if selectedIndex === i if yes the set class "active" to true

  

    {{ subModule.name }}
  

Then on typescript file: just set selectedIndex.

export class ClassName {
   selectedIndex: number = null;

   setIndex(index: number) {
      selectedIndex = index;
   }
}