xxxxxxxxxx
$scope.names = ['Abe', 'Bob', 'Catherine', 'Daisy'];
<input type="text" ng-model="user" typeahead="name for name in names | filter:$viewValue" />
xxxxxxxxxx
<select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)"
ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants"
ng-required="item.id==8 && item.quantity > 0" class="ng-pristine ng-valid ng-valid-required">
<option value="?" selected="selected"></option>
<option value="0">set of 6 traits</option>
<option value="1">5 complete sets</option>
</select>
xxxxxxxxxx
<igx-select [(ngModel)]="memberStatus" name="memberStatusID" formControlName="memberStatusID">
<label igxLabel>Member Status</label>
<igx-suffix *ngIf="memberStatus">
<igx-icon (click)="clearMemberStatus($event)">clear</igx-icon>
</igx-suffix>
<igx-select-item *ngFor="let item of memberStatusArray"
[value]="item.MemberStatusID">{{item.MemberStatus}}
</igx-select-item>
</igx-select>
--.ts
public memberStatusArray: MemberStatus[] = [
{ MemberStatusID: 51401, MemberStatus: 'Active' },
{ MemberStatusID: 51402, MemberStatus: 'Pending' },
{ MemberStatusID: 51403, MemberStatus: 'Disenrolled' },
{ MemberStatusID: 51404, MemberStatus: 'Cancelled' }
];
export class MemberStatus {
MemberStatusID: number;
MemberStatus: string;
}