Feature Request, object.property binding in TdChips

[zyarnold]

//..component.ts
this.heroes= [
  { id:1, name:"Groot"  },
  { id:21, name:"StarLord" }
];

//..component.html
<td-chips [(ngModel)]="favoriteHeroID" [items]="heroes" [chipValue]="'item.id'" [chipTitle]="'item.name'"  ></td-chips>

chipValue and chipTitle should default to 'item' if not specified

[emoralesb05]

Already merged object support #626 and will be available in beta.5.

[emoralesb05]

Usage

<td-chips [items]="objects"
          [(ngModel)]="objectsModel"
          requireMatch>
  <ng-template td-basic-chip let-chip="chip">
    {{chip.city}}, (Pop: {{chip.population}})
  </ng-template>
  <ng-template td-autocomplete-option let-option="option">
    <md-icon>location_city</md-icon> {{option.city}}
  </ng-template>
</td-chips>

[zyarnold]

<td-chips [items]="objects"
[(ngModel)]="objectsModel"
requireMatch>

{{chip.city}}, (Pop: {{chip.population}})


location_city {{option.city}}

so how do I command the chip to bind ngmodel on the .city while displaying .population as a display string?

[emoralesb05]

let-chip="chip" and let-option="option" in the template micro syntax

and chip / option will have the properties you need to access.

Once we release this there will be demos to help out and examples

[zyarnold]

ok thanks...please close issue