A directive which makes it possible to set a variable which binds the the ActiveList from within an angular template.

Since 1.0.0


Uses the "<uiloos-active-list />" component together with the "*uiloosActiveList" directive to create a list with three items: a, b and c of which only one item can be active. Clicking an item makes it active.

    active: 'a', 
    contents: ['a', 'b', 'c']
  <ul *uiloosActiveList="let activeList">
      *ngFor="let content of activeList.contents"
      {{content.isActive ? 'active' : 'inactive'}}