I have the following Component:
class MyComponent {
public mode = 'v';
readonly modes = ['v', 'a', 'd'];
....
}
Now I want to use an ngFor
to display buttons for all modes in modes
except the current mode stored in mode
. I have the following code:
<button *ngFor="let othermode of modes">
{{ othermode }}
</button>
I always want two buttons to be displayed, containing the remaining 2 modes. I tried this:
<button *ngFor="let othermode of modes.filter(elem => elem !== this.mode)">
{{ othermode }}
</button>
but it isn't working. All questions I saw required to write a custom pipe for this feature, but isn't there any simple way to filter an array of strings, using just the values ?
Use a filter function to filter the data:
filterFunction(your_collection): any[] {
return your_collection.filter(i => i.field.value === filterKey);
}
and in the template:
*ngFor="let value of filterFunction(datasource)"
Or use an existing component. See this thread:
::LINK EDITED::