Ионные директивы VS Angular материальные директивы с Ionic Framework

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

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

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

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

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

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

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

angular - основные директивы похожи на

<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>

Похоже, Ионный финансирует проект angular -материал, то почему angular -материал несовместим с ионным

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

ИЛИ

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

Ответы

Ответ 1

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

http://materializecss.com/

Преимущества по сравнению с другими платформами

  • Чистые классы css, не будут конфликтовать с ионными директивами. Отсутствие потери производительности.
  • Из всех фреймворков, которые я видел, это единственное строгое соответствие правилам материального дизайна.
  • Почти готов, у него есть около 50+ вкладчиков в текущей версии 0.95.3 менее чем за 6 месяцев.
  • Прост в использовании. Хорошо документировано с помощью мудрой навигации.
  • Он имеет почти все материальные элементы дизайна, необходимые для приложения.

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

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

ОБНОВЛЕНИЕ: 2015-07-09

Я нашел еще одну легкую мощную красивую рамку css для материального дизайна.

Свет для дизайна материалов http://www.getmdl.io/

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

ОБНОВЛЕНИЕ: 2015-10-23

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

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

Ответ 2

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

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

В соответствии с github repo он должен войти в Alpha в апреле 2015 года.

Он может быть установлен с беседкой

bower install ionic-material

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

Удачи!

Ответ 3

Ионный материал и Ionic Material Design Lite две новые новые библиотеки, которые направлены на расширение ионной структуры. Хотя он немного незрелый, хорошо работает с ионными компонентами и хорошо поддерживает материал.

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