Ионные директивы против угловых материальных директив с ионными рамками

Я хочу использовать ионных С материал дизайном. Я застрял между использованием ионных директив с пользовательским CSS и угловое-материал

Я читал, что с помощью ионных директив мы получаем много эффективных функций, таких как

  • данные приложения запоминаются с помощью UI-router, даже после перехода к другому виду и возврата на страницу

  • элементы ионного списка отображаются только до высоты отображения и повторно при прокрутке вниз или вверх

и много улучшений производительности.

но, если я использую ионные директивы, у них нет материального дизайна.

Если я использую угловой материал, у меня не будет этих улучшений производительности и дополнительных функций, необходимых для мобильного приложения.

директивы углового материала похожи

<md-list>
  <md-item ng-repeat="item in items">
    Hello, {{item}}!
  </md-item>
</md-list>

ионные директивы как 

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>

выглядит так:ионные это финансирование угловой-материал разработка проекта, тогда почему угловой материал не совместим с ионным?

Как я могу использовать угловое-материал компоненты без потери улучшений производительности и функций ionic?

или

есть ли лучшая идея для использования материального дизайна с ионной?

3 87
javascript angularjs ionic-framework ionic2 material-design

3 ответа:

Я нашел структуру css material design, известную как Materializecss. Это выглядит многообещающе. Это просто CSS и JavaScript фреймворк.

http://materializecss.com/

преимущества перед другими фреймворками

  1. чистые классы css, не будут конфликтовать с ионными директивами. Без потери производительности.
  2. из всех фреймворков, которые я видел, это единственный, который внимательно следит за дизайном материалов правила
  3. почти готов он имеет около 50 + вкладчиков это текущая версия 0.95.3 менее чем за 6 месяцев
  4. прост в использовании. Хорошо документированы с функцией мудрой навигации.
  5. он имеет почти все конструктивные особенности материала, необходимые для приложения.

эта страница http://materializecss.com/getting-started.html покажет вам, как включить его в свои проекты.

надеюсь, что это поможет для любого из вас в поисках хорошего структура дизайна материалов.

обновление: 2015-07-09

Я нашел еще один легкий вес мощный красивый CSS фреймворк для material design

Материал Дизайн Света http://www.getmdl.io/

Это легкий вес, имеет плавную и быструю анимацию, выглядит довольно хорошо. Это было сделано одним из разработчиков google. Это официально продвигаемой компанией Google https://developers.google.com/web/. он становится тихим популярным, попробуйте. сравнение с угловым материалом

обновление: 2015-10-23

Ionic2 имеет встроенную поддержку для материального дизайна в Android

его официальный, вы можете смотреть демонстрация Ionic2 в AngularConnect, он имеет материальный дизайн по умолчанию для Android. Нам не нужно беспокоиться о выборе структуры дизайна материалов.

62

есть довольно новый проект под названием Ионный Материал.

я попробовал его, и он работает довольно хорошо, но имейте в виду, что он все еще находится в режиме предварительного просмотра.

по словам GitHub РЕПО он должен войти в "Альфа" в апреле 2015 года.

Он может быть установлен с Бауэр

bower install ionic-material

это в значительной степени все, что вам нужно сделать, но будьте осторожны, есть ошибки и документация в основном несуществующий.

удачи!

23

Ионный Материал и Ионный Материал Дизайн Lite это две начинающие новые библиотеки, которые стремятся быть расширением ионной структуры. Хотя немного незрелый, хорошо работает с ионными компонентами и хорошо поддерживает материал тематизации.

этой вероятно, может дать больше понимания.

3