Issues with setting ion-checkbox using arrays

Ionic Framework Ionic Angular
1

I have been trying to figure out the best way to set a series of ion-checkbox's using an array that is fed into my app through an API.

Right now, my app receives some data that looks like this:

{
	"data": {
		"tags": [
			55, 46, 193, 1002
		]
	}
}

I am then using a series of ion-checkbox's to display whether or not that tag is selected for a certain item, like this:

<ion-item lines="full">
   <ion-label position="fixed" class="ion-text-wrap">Blue</ion-label>
   <ion-checkbox slot="end" [(ngModel)]="item.tags"></ion-checkbox>
</ion-item>

I am having some confusion around how I can set the model for item.tags to be associated back to the array of data I am receiving from the data feed.

Is there a value field in the ion-checkbox I can set that would then allow the checkbox to appeared to be check with the data.tags array has the matching value?

2

After some additional testing/research, this may be a better approach:

<ion-item lines="full">
   <ion-label position="fixed" class="ion-text-wrap">Blue</ion-label>
   <ion-checkbox slot="end" [(ngModel)]="item.tags" [value]="55" [checked]="item.tags.indexOf(55) > 0"></ion-checkbox>
</ion-item>

I will see if this gets me any closer.

3

Now, it seems that I am incorrectly using the indexOf function, as I am getting the item.tags.indexOf is not a function error.