Как в Angular сделать каждый блок со своим цветом чтобы данные брались из базы?

Олег Морев, то есть - данные у вас есть, что с ними хотите делать вы знаете, с помощью чего - тоже знаете. И в чём же тогда ваша проблема?

Как в Angular сделать каждый блок со своим цветом чтобы данные брались из базы?

пользователь настраивает <...> всё сохраняется в базу <...> надо чтобы подгружалисть данные

Как я понял можно сделать это через [ngStyle]

Давайте уточним - вы "поняли", что используя ngStyle, можно осуществлять запросы к серверу и работать с БД?

Как добавить выплывающие блоки элементам списка?

zwezew, что конкретно вам неясно?

Скрытие элемента с анимацией по событию?

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

Скрытие элемента с анимацией по событию?

обновил ответ

Как отсортировать массив по дате?

Алёна Хреновская, извинения излишни. Тратить ли мне своё время, и сколько - это всё-таки моё решение было, а не ваше.

Как отсортировать массив по дате?

Алёна Хреновская, это ладно, ерунда, у себя я запустил... а вот что не ерунда - так это форма авторизации/регистрации, которая вылезла сразу после запуска. Серьёзно? Под "воспроизвести проблему" я имел в виду вовсе не выкладывание целого приложения, ковыряться в котором здесь не будет никто. Ладно, проехали.

Сортировка, насколько я вижу, выполняется у вас всего в одном месте - в ngOnInit компонента. Когда сортируемый массив пустой. Вы что, в самом деле ждёте, что те данные, которые будут получены в будущем, каким-то образом окажутся отсортированы, просто потому, что вы в прошлом дёрнули функцию сортировки? Это БЕЗУМИЕ.

Как отсортировать массив по дате?

Алёна Хреновская, пока что больше ничем помочь не могу - нужно больше информации, код бы увидеть. Было бы совсем замечательно, если бы вы воспроизвели свою проблему в песочнице - https://stackblitz.com, например.

Как отсортировать массив по дате?

Алёна Хреновская, а как это - на содержимое не повлияло? Может, у вас уже всё отсортировано было?

Как отсортировать массив по дате?

Алёна Хреновская, а если попробовать явно преобразовывать объекты в числа перед вычитанием? Типа так:

arr.sort((a, b) => (+moment(b.date, 'DD.MM.YY')) - (+moment(a.date, 'DD.MM.YY')))

Как работает аналог distinct?

zlodiak,

Вот посмотрите, я расписал несколько итераций. Уже из этого ясно, что выходной массив должен начинаться из значений ['Category 1', 'Category 1', 'Category 2', ...]

Это с какого перепугу 'Category 1' должен повториться? - indexOf('Category 1') всегда будет возвращать 0, в первый раз сравнение окажется успешным (0 и 0), а вот во второй и последующие разы - нет (0 и 1; 0 и 3; 0 и 4; 0 и 6).

Как найти нужный элемент удовлетворяющий условиям нескольких data-attr?

Можно до фильтрации сделать hide, после - show:

$('.result')
  .hide()
  .filter((i, { dataset: d }) => d.from <= id && id <= d.to)
  .show()

Попытка сделать пользовательское событие, в чем дело?

Не срабатывает. В чем может быть дело ?

Да в том, что экземпляры Vue разные, сами же пишите:

В экземпляре vue, не относящемуся к этому элементу... бла-бла-бла

Как найти значение обекта зная ключ, который храниться в строке?

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

Почему не отображает компонент VueJS?

Konstantin Malyarov,

у меня 2.5.13, и у меня работает, как у парня... Два корня.

Этого быть не может, второй корневой элемент отбрасывается (а в консоль пишется при этом предупреждение, что корень должен быть один) - собственно, почему вы и задали ваш вопрос - "ссылки нет".

Кажется, вы под словосочетанием "корневой элемент" понимаете исключительно тот элемент, который указываете в свойстве el при создании экземпляра Vue. Это не совсем так, бывают и другие - у шаблонов компонентов тоже есть свои корневые элементы.

Почему не отображает компонент VueJS?

Konstantin Malyarov, ещё раз - корневой элемент должен быть один. Один. А "у парня работает" - так там vue первой версии, видео от 7 августа 2016, vue 2 вышел в сентябре.

UPD. Первый же комментарий под видео:

Во Vue 2 столкнулся с двумя проблемами:
<...>
у компонента должен быть только один корневой элемент

Читайте, что люди пишут.

Как в data создать свойство на основе данных из firestore?

Никита Котенко,

а тот факт, что в шаблоне данные отработали?

Два раза отработали. Сначала, когда в сторе лежит пустой объект в качестве user'а, вместо {{user.custombutton}} подставляется пустая строка, после получения данных - ну там вам уже виднее.

Как в data создать свойство на основе данных из firestore?

Никита Котенко, проблема в том, что экземпляр компонента создан, а данные ещё не пришли - и это нормально, вряд ли компонент должен знать о том, откуда и как данные берутся. То есть - ни хуки, ни firestore тут не виноваты. И механизм watcher'ов никаким костылём не является, как раз для подобных ситуаций и создан - следить за изменениями и как-то на них реагировать.

Как в array_intersect перечислить много массивов?

spiritus-x, доступно, начиная с версии PHP 5.6. А до того, да - syntax error.

Как реализовать выбор чекбоксов зажатием мыши как в Яндекс Почте?

Александр Дмитриев, вы про второй вариант? Очевидно, события нет. Загуглите mouseover, почитайте, когда оно возникает - и всё станет ясно.