This is the first time I've done a standalone component, which has been on my whiteboard to try out for a while now. Thank you for doing this. Also, that leaf function is HOT. Thanks for sharing.
Thank you for this component Simon. How would you load default selection, like case in point when you are editing a form and you have a value that should be selected
Thanks Simon! This is really awesome. One query, I am trying the same but when I type something and filter the result, the changes are not reflecting in ion-modal. I can see changes outside ion-modal. Could you please help in this?
Thankyou for this! I had been using Ionic Selectable, but it is stopping my being able to update to Ionic 7. I don't suppose you have tried using dk-virtual-scroll-viewport in this to get virtualization (or be a good another video)? I have tried but can't get it working right (itemHeight and scrolling issues), so we can handle large lists.
Fixes for a few bugs when filtering on single select : itemSelected() { if (!this.multiple) { if (this.selected.length) { this.selected[0].selected = false; this.selected = []; } this.selected = this.data.filter((item) => item.selected); if (this.selected.length) { this.selectedChanged.emit(this.selected); this.isOpen = false; this.filtered = [...this.data]; } } }
How I should use fill=outline, right now it says deprecated and I should use it on ion-input or ion-textarea. But with this we don't even have ion-input or ion-textarea!? Right now using:
Hey simon, i had the thought the ther day when i saw this video, why he uses indexOf? I used this but my first uninformed thought was use includesi think. Now google suggested some article about JavaScript function string search and i clicked. And it says that includes is the fastes function. Then, why did you choose indexOf?
Hello Simon create an Angular project with this command. npm init ng once it starts you type the name of the project, then choose Angular V14 and then choose Angular V14 in blue color.
@simon time has come you start a single playlist of an complete admin panel using ionic(ios & android included) Also starting a open repo for such industry level projects are also good idea
very nice! only about the search, i thing ng2-search-filter is easier. html ts filter: string module.ts import { Ng2SearchPipeModule } from 'ng2-search-filter'; imports: [ ... Ng2SearchPipeModule ]
Learn to build epic IONIC apps FAST by joining the Ionic Academy: ionicacademy.com/
This is the first time I've done a standalone component, which has been on my whiteboard to try out for a while now. Thank you for doing this. Also, that leaf function is HOT. Thanks for sharing.
Glad I could help Jason!
Simon, you're a legend I've been waiting for this feature from ionic for years now.
Haha thanks Leonardo!
Thank you for this component Simon. How would you load default selection, like case in point when you are editing a form and you have a value that should be selected
Thanks Simon! This is really awesome. One query, I am trying the same but when I type something and filter the result, the changes are not reflecting in ion-modal. I can see changes outside ion-modal. Could you please help in this?
How can we select all/deselect all , is there any way for that ?
Thankyou for this! I had been using Ionic Selectable, but it is stopping my being able to update to Ionic 7. I don't suppose you have tried using dk-virtual-scroll-viewport in this to get virtualization (or be a good another video)? I have tried but can't get it working right (itemHeight and scrolling issues), so we can handle large lists.
Fixes for a few bugs when filtering on single select :
itemSelected() {
if (!this.multiple) {
if (this.selected.length) {
this.selected[0].selected = false;
this.selected = [];
}
this.selected = this.data.filter((item) => item.selected);
if (this.selected.length) {
this.selectedChanged.emit(this.selected);
this.isOpen = false;
this.filtered = [...this.data];
}
}
}
Thanks for sharing your fix Leonardo!
How to change the color of the search bar?
what is the pluging to see the functions of the component in html? thanks
How I should use fill=outline, right now it says deprecated and I should use it on ion-input or ion-textarea. But with this we don't even have ion-input or ion-textarea!?
Right now using:
Could you please share the repository for the same, My Search is not working
thanks Simon! One reason I really enjoy using Ionic/Angular is because of your channel.
Thank you Hassen 🙌
Hello simon ! please clarify my doubt can we use packages in ionic 6 if yes what are those packages plz reply me.
It depends more on the Angular version than your Ionic version!
Hey simon, i had the thought the ther day when i saw this video, why he uses indexOf? I used this but my first uninformed thought was use includesi think. Now google suggested some article about JavaScript function string search and i clicked. And it says that includes is the fastes function. Then, why did you choose indexOf?
Array.some 285688.7 Ops/sec
Array.filter 95376.8 Ops/sec
Array.indexOf 1352013.0 Ops/sec
Array.includes 4575837.0 Ops/sec
Array.find 285742.5 Ops/sec
I'm not always making the best choices so well done on that research - pick the way that's faster!
Hello Simon create an Angular project with this command.
npm init ng
once it starts you type the name of the project, then choose Angular V14 and then choose Angular V14 in blue color.
Hi there,
I have a query
Can we make AR VR app using ionic angular?
Thanks
I think it's possible, but I will have to dive deeper into that topic!
@@galaxies_dev
👍👍👍 Thanks
So what happens if the data you pass in to this component actually has a "selected" property. Will it be overwritten by the checkboxes?
We can wrap the data items by a custom interface. By example: {data: ItemType, selected: boolean}[]
Thanks Simon for getting us updates. I like the inline modal. I was able to create a country filtering search with my rest api in my app.
Yeah that's a nice addition!
Thanks so much!
You're welcome Frank!
Awesome, thanks!
No problem Todd!
@simon time has come you start a single playlist of an complete admin panel using ionic(ios & android included)
Also starting a open repo for such industry level projects are also good idea
Good idea for a livestream project maybe!
@@galaxies_dev yes so that the public can be confident to use ionic for the main stream.
thanks mate
You're welcome!
very nice! only about the search, i thing ng2-search-filter is easier.
html
ts
filter: string
module.ts
import { Ng2SearchPipeModule } from 'ng2-search-filter';
imports: [
...
Ng2SearchPipeModule
]