AG
всем привет! столкнулся с проблемкой на первый взгляд простой, но че-т забуксовал. мне нужно в шаблоне отобразить фигурные скобки, просто как строку, как это можно сделать?
Size: a a a
2019 December 25
AG
вот так, сейчас реализовал с помощью псевдоэлементов, но нужно чтоб работало выделение мышью
IF
AlXo
Добрый вечер, подскажите пожалуйста как определить в IntersectionObserver, когда элемент дошел до конца контейнера в котором скроллится? У меня идет несколько аккордеонов от Angular Material и в них шапка аккордеона становится фиксированной при скролле, т.е. юзается position sticky, код на скрине пока что дает класс, если шапка хотя бы немного проскроллилась, но когда достигает предела своего контейнера и уже скроллится к следующему аккордеону класс должен исчезнут, этого не происходит
Колбек обсервера должен массив отдавать
IF
const lazyImageObserver = new IntersectionObserver((entries: IntersectionObserverEntry[]) => {
entries.forEach((entry: any) => {
if (entry.isIntersecting) {
const lazyImage: HTMLImageElement = entry.target;
// do someting
lazyImageObserver.unobserve(lazyImage);
}
});
});
Типа такогоIF
entry.isIntersecting - проверка на то попал ли элемент во вьюпорт
КВ
вот так, сейчас реализовал с помощью псевдоэлементов, но нужно чтоб работало выделение мышью
а тупые варианты с экранированием, либо что-то типо того {{'{{}}'}} не взлетели?
AG
а тупые варианты с экранированием, либо что-то типо того {{'{{}}'}} не взлетели?
неа,
пока так оставил
<span>{{"{lead.name}"}}</span> пока так оставил
AG
двойные фигурные так не работают)
A
спецсимволы
2019 December 26
RR
Товарищи подскажите плз, вот такая запись законна ?
[prop]="getSomeData$() | async"
ну и внутри компанента принимать
Input prop: Data
[prop]="getSomeData$() | async"
ну и внутри компанента принимать
Input prop: Data
A
Колбек обсервера должен массив отдавать
попробовал, не совсем понял, есть возможность показать на коде? Я описанную проблему реализовал здесь https://stackblitz.com/edit/accordion-sticky посмотрите пожалуйста если не лень) Напоминаю, что нужно убирать класс с шапки , когда она достигает конца аккордеона, на данный момент появляется, если скроллим, и если возвращаем наверх шапку, тоже класс убирается, тут все ок, но именно достигая низа ничего не происходит
IF
AlXo
попробовал, не совсем понял, есть возможность показать на коде? Я описанную проблему реализовал здесь https://stackblitz.com/edit/accordion-sticky посмотрите пожалуйста если не лень) Напоминаю, что нужно убирать класс с шапки , когда она достигает конца аккордеона, на данный момент появляется, если скроллим, и если возвращаем наверх шапку, тоже класс убирается, тут все ок, но именно достигая низа ничего не происходит
Наверное интерсекшн тебе не подойдет, он срабатывает как только элемент попал в вьюпорт
A
Наверное интерсекшн тебе не подойдет, он срабатывает как только элемент попал в вьюпорт
как же тогда такой функционал реализовывать?
IF
AlXo
как же тогда такой функционал реализовывать?
По старинке - на скролл вешать слушатель. Смотреть на Element.getBoundingClientRect() и сверять с положением вьюпорта юзера pageYOffset по-моему
IF
Хотя так не выйдет, тебе же шапка нужна, надо усовершенствовать этот вариант в общем
YS
Roman Roman
Товарищи подскажите плз, вот такая запись законна ?
[prop]="getSomeData$() | async"
ну и внутри компанента принимать
Input prop: Data
[prop]="getSomeData$() | async"
ну и внутри компанента принимать
Input prop: Data
лучше не подписываться на функцию. сохраните Observable в переменную, и все будет законно :)
nt
почему мы не можем использовать back tics в темплейте
Р
Коллеги, добрый день! Подскажите как можно реализовать такой вариант. В цикле если i>=1 то добавить style margin-top