I want to use ionic with material design. I am stuck between using ionic directives with custom CSS and angular-material
I have read that using ionic directives we get lot of efficient features like
App data is remembered with UI-router, even after navigating to other view and coming back to the page
Ionic list items are rendered only up to display height and reused when scrolling down or up
and a lot of performance improvements.
But, if I use ionic directives they don't have the material design.
If I use angular-material I will not have these performance improvements, and extra features needed for a mobile application.
Angular-material directives are like
<md-list>
<md-item ng-repeat="item in items">
Hello, {{item}}!
</md-item>
</md-list>
Ionic directives are like
<ion-list>
<ion-item ng-repeat="item in items">
Hello, {{item}}!
</ion-item>
</ion-list>
Looks like Ionic is funding angular-material project development, then why is angular-material not compatible to use with ionic?
How can I use angular-material components without losing the performance improvements and features of ionic?
OR
is there a better idea for using material design with ionic?