Display a list of contact objects. Each object can hold a contact items or a group of contacts.
var contacts = [ { id: 1, name: "Friends", type: "Group", contacts: [ { id: 2, name: "Udi", type: "Contact" }, { id: 3, name: "Tommy", type: "Contact" }, { id: 6, name: "Old Friends", type: "Group", contacts: [{ id: 7, name: "Itay", type: "Contact" }] } ] }, { id: 4, name: "Family", type: "Group", contacts: [{ id: 5, name: "Roni", type: "Contact" }] }, { id: 8, name: "Ori", type: "Contact" } ];
The implementation demonstrates a recursive usage of angular directive