Как расширить компоненты углового материала?

Я хочу применить angular-material в своем недавнем проекте, но боюсь, что будет очень сложно найти другие компоненты, которых сейчас нет. Например, древовидное представление, выбор даты/времени, карусель и так далее...

Как я могу справиться с этими вещами? есть мнения?


person Ron    schedule 31.08.2015    source источник
comment
Это не то место, где нужно собирать мнения. При этом вам нужно будет повторно использовать доступный компонент (например, angular-ui.github.io/ bootstrap) или создайте свой собственный (или используйте другой фреймворк)   -  person Romski    schedule 31.08.2015


Ответы (2)


Я только что попытался использовать Angular-Material на сайте с существующим стилем и обнаружил ряд проблем, которые не смог решить: — Пользовательский интерфейс сайта казался очень вялым — Был скрипт паралакса, который стал очень медленным и лагало, когда была быстрая прокрутка. - Странное поведение со шрифтами при загрузке (когда я изменил размер экрана и обратно, он снова работал) в хроме.

Это стало настоящей проблемой - по большей части это не кажется полным. Я действительно надеялся на что-то вроде Material-UI, который, похоже, полагается на React.

Однако я наткнулся на этот https://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html, который кажется подходящим и работает с бутстрапом.

Есть действительно хороший ответ: Использование Bootstrap для Angular и дизайн материалов для Angular вместе для решения некоторых проблем, с которыми вы столкнетесь при использовании материалов с начальной загрузкой.

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

Кроме того, есть lumx, если вам нужна поддержка angularjs (например, директивы и т. д.). Моя другая проблема с материалом lumx и angularjs заключается в том, что замена библиотек — непростая задача. Я не уверен, является ли это нормой и иду в этом направлении в будущем, но я из дней Jquery, когда моя разметка оставалась неизменной, и я мог активировать функции. Однако для материала lumx и angularjs требуются определенные теги, а это означает, что замена библиотек требует от меня редактирования моей разметки.

person user1012500    schedule 31.08.2015
comment
точно. Angular-Material превращает компьютер i5 6 ГБ в Athlon XP с 256 мегабайтами памяти. Это не готово. И еще, конечный результат сильно отличается от андроидного материала (я тоже программирую на андроиде). - person Joao Polo; 31.08.2015

Возможно, вот еще один взгляд на использование Angular Material.

Я использую Angular Material как единственный веб-компонент для своих рабочих проектов. Angular Material все еще находится в бета-версии, и, как вы сказали, многие компоненты, такие как таблица, палитра цветов и sidenav, все еще отсутствуют. Если вам нужно использовать эти компоненты в своих проектах и ​​вы не можете реализовать свои, Angular Material может быть неправильным выбором. Что-то вроде Angular-UI или Polymer, вероятно, то, что вы ищете.

Причина, по которой мы выбираем Angular Material для работы, а не другую почти полную библиотеку/коллекцию веб-компонентов, заключается в том, что она очень активно поддерживается. В настоящее время существует более 900 открытых проблем, и все еще выполняется множество запросов на включение. Для меня полная версия будет более гарантированной. Древовидное представление, выбор даты/времени/цвета, таблица — эти компоненты уже находятся в открытых выпусках. Здесь вы можете найти его. https://github.com/angular/material/issues

В настоящее время мы найдем обходной путь или перезапишем материал для решения проблем. Или мы будем открывать вопросы, если нет решения. И опять же, он все еще находится в бета-версии, вам следует решить, хотите ли вы использовать его в своем проекте. Но вы определенно можете посмотреть на их доступные компоненты, чтобы определить, подходит ли вам Angular Material. https://material.angularjs.org/latest/#/

person Charlie Ng    schedule 05.09.2015
comment
Спасибо за ваше мнение. Я знал, что материал очень новый, в нем много недостающих частей и несколько сторонних компонентов, в отличие от углового пользовательского интерфейса. Но я все же хочу рискнуть, потому что: 1. Я надеюсь, что материальная команда достаточно быстро наверстает упущенное. 2. Я хотел бы переключиться на angular2 + полимер позже, как только angular2 станет rc, делая это, я хочу, чтобы он был более гладким. - person Ron; 06.09.2015