AE
для этого нужно переписывать код, чтобы не подписываться внутри метода
это уже детали
Size: a a a
2020 March 17
АГ
Вопрос по Redux. Пример: Есть один компонент для списка Поставщиков и списка Клиентов (пробрасывается переменная в роуте в компонент которая определяет какая инфа поставляется в компонент). Данные для компонента храню в ngRX. Не могу понять как сделать универсальный State. Структура State как я понял фиксируется в initialState. Как создавать новое свойство в State из переменной если появился новый тип данных(Поставщики, Клиенты и тд)?
Вопрос снят. Самое обидное что после того как сделал, нашел в комментариях разработчиков подсказку.
DP
это уже детали
а можешь на простом примере описать как это должно выглядеть?
MM
Здравствуйте, уважаемые коллеги!
Не думал, что это случится со мной, но я близок к крику о помощи.
Есть ангулар компонент, в темплейте input type=file, по событию (change) обрабатываем прикреплённый файл, с помощью FileReader считываем байты, которые ловим в reader.onload.
После получения данных в reader.onload нужно обновить внутренние переменные, влияющие на ngIf в темплейте. Но темплейт не обновляется ни в какую.
Выяснил, что дело в ngZone, FileReader не обёрнут в зону ангулара, из-за чего теряется контекст.
Пробую по-всякому, ничего не помогает. Если те же переменные в другом месте изменить, всё обновляется штатно.
Оборачиваю всю работы с FileReader в zone.runOutsideAngular, затем в onload делаю zone.run.
Делаю cdr.markForCheck и detectChanges.
Никак. Кто сталкивался с таким? Пожалуйста, помогите.
Не думал, что это случится со мной, но я близок к крику о помощи.
Есть ангулар компонент, в темплейте input type=file, по событию (change) обрабатываем прикреплённый файл, с помощью FileReader считываем байты, которые ловим в reader.onload.
После получения данных в reader.onload нужно обновить внутренние переменные, влияющие на ngIf в темплейте. Но темплейт не обновляется ни в какую.
Выяснил, что дело в ngZone, FileReader не обёрнут в зону ангулара, из-за чего теряется контекст.
Пробую по-всякому, ничего не помогает. Если те же переменные в другом месте изменить, всё обновляется штатно.
Оборачиваю всю работы с FileReader в zone.runOutsideAngular, затем в onload делаю zone.run.
Делаю cdr.markForCheck и detectChanges.
Никак. Кто сталкивался с таким? Пожалуйста, помогите.
MM
Буду рад любым советам, отвечу на вопросы.
MM
При этом в том же месте, где идёт присваивание к переменным данные также выкидываются выше с помощью эмиттера. И там всё обновляется нормально! А в самом компоненте нет.
MM
Бида :-(
ED
Здравствуйте, уважаемые коллеги!
Не думал, что это случится со мной, но я близок к крику о помощи.
Есть ангулар компонент, в темплейте input type=file, по событию (change) обрабатываем прикреплённый файл, с помощью FileReader считываем байты, которые ловим в reader.onload.
После получения данных в reader.onload нужно обновить внутренние переменные, влияющие на ngIf в темплейте. Но темплейт не обновляется ни в какую.
Выяснил, что дело в ngZone, FileReader не обёрнут в зону ангулара, из-за чего теряется контекст.
Пробую по-всякому, ничего не помогает. Если те же переменные в другом месте изменить, всё обновляется штатно.
Оборачиваю всю работы с FileReader в zone.runOutsideAngular, затем в onload делаю zone.run.
Делаю cdr.markForCheck и detectChanges.
Никак. Кто сталкивался с таким? Пожалуйста, помогите.
Не думал, что это случится со мной, но я близок к крику о помощи.
Есть ангулар компонент, в темплейте input type=file, по событию (change) обрабатываем прикреплённый файл, с помощью FileReader считываем байты, которые ловим в reader.onload.
После получения данных в reader.onload нужно обновить внутренние переменные, влияющие на ngIf в темплейте. Но темплейт не обновляется ни в какую.
Выяснил, что дело в ngZone, FileReader не обёрнут в зону ангулара, из-за чего теряется контекст.
Пробую по-всякому, ничего не помогает. Если те же переменные в другом месте изменить, всё обновляется штатно.
Оборачиваю всю работы с FileReader в zone.runOutsideAngular, затем в onload делаю zone.run.
Делаю cdr.markForCheck и detectChanges.
Никак. Кто сталкивался с таким? Пожалуйста, помогите.
делал точно так же, detect changes работал, код в студию
MM
К сожалению не могу код показать.
MM
Он во внутренней сети и головы долой за вынос.
MM
Можешь объяснить, в какой момент нужно делать detectChanges? в onload после обновления переменных?
KV
мб потому что вызов zone.run обернут в zone.runOutsideAngular ?
MM
А так не должно быть?
MM
SV
А что значит запись в шаблоне типа [project]="[project$ | async]"?
Вместо {{ }} можно брать [] ?
Вместо {{ }} можно брать [] ?
SV
Что-то я не догнал или туплю)
RK
А что значит запись в шаблоне типа [project]="[project$ | async]"?
Вместо {{ }} можно брать [] ?
Вместо {{ }} можно брать [] ?
project$ | async - является значением
А [project$ | async] - является значением в массиве
А [project$ | async] - является значением в массиве
SV
Спасибо, тогда я правильно понял, просто подумал, может это какой-то способ по-иному значение передать
AB
Привет. Подскажите может сталкивались с буфером обмена.
Вопрос не по ангуряру чуть а по Javascript
Использую этот механизм
function copyTextToClipboard(str) {
const el = document.createElement('textarea');
el.value = str;
el.setAttribute('readonly', '');
el.style.position = 'absolute';
el.style.left = '-9999px';
document.body.appendChild(el);
const selected =
document.getSelection().rangeCount > 0
? document.getSelection().getRangeAt(0)
: false;
el.select(); // Select the <textarea> content
document.execCommand('copy'); // Copy - only works as a result of a user action (e.g. click events)
document.body.removeChild(el); // Remove the <textarea> element
if (selected) { // If a selection existed before copying
document.getSelection().removeAllRanges(); // Unselect everything on the HTML document
document.getSelection().addRange(selected); // Restore the original selection
}
};
Может есть лучшее решение ?
Вызываю функцию в сочетании с сервисом TurndownService
var turndownService = new TurndownService({
emDelimiter: '__',
});
var markdown = turndownService.turndown($(item).html());
copyTextToClipboard(markdown);
Вопрос не по ангуряру чуть а по Javascript
Использую этот механизм
function copyTextToClipboard(str) {
const el = document.createElement('textarea');
el.value = str;
el.setAttribute('readonly', '');
el.style.position = 'absolute';
el.style.left = '-9999px';
document.body.appendChild(el);
const selected =
document.getSelection().rangeCount > 0
? document.getSelection().getRangeAt(0)
: false;
el.select(); // Select the <textarea> content
document.execCommand('copy'); // Copy - only works as a result of a user action (e.g. click events)
document.body.removeChild(el); // Remove the <textarea> element
if (selected) { // If a selection existed before copying
document.getSelection().removeAllRanges(); // Unselect everything on the HTML document
document.getSelection().addRange(selected); // Restore the original selection
}
};
Может есть лучшее решение ?
Вызываю функцию в сочетании с сервисом TurndownService
var turndownService = new TurndownService({
emDelimiter: '__',
});
var markdown = turndownService.turndown($(item).html());
copyTextToClipboard(markdown);
VM
Привет. Подскажите может сталкивались с буфером обмена.
Вопрос не по ангуряру чуть а по Javascript
Использую этот механизм
function copyTextToClipboard(str) {
const el = document.createElement('textarea');
el.value = str;
el.setAttribute('readonly', '');
el.style.position = 'absolute';
el.style.left = '-9999px';
document.body.appendChild(el);
const selected =
document.getSelection().rangeCount > 0
? document.getSelection().getRangeAt(0)
: false;
el.select(); // Select the <textarea> content
document.execCommand('copy'); // Copy - only works as a result of a user action (e.g. click events)
document.body.removeChild(el); // Remove the <textarea> element
if (selected) { // If a selection existed before copying
document.getSelection().removeAllRanges(); // Unselect everything on the HTML document
document.getSelection().addRange(selected); // Restore the original selection
}
};
Может есть лучшее решение ?
Вызываю функцию в сочетании с сервисом TurndownService
var turndownService = new TurndownService({
emDelimiter: '__',
});
var markdown = turndownService.turndown($(item).html());
copyTextToClipboard(markdown);
Вопрос не по ангуряру чуть а по Javascript
Использую этот механизм
function copyTextToClipboard(str) {
const el = document.createElement('textarea');
el.value = str;
el.setAttribute('readonly', '');
el.style.position = 'absolute';
el.style.left = '-9999px';
document.body.appendChild(el);
const selected =
document.getSelection().rangeCount > 0
? document.getSelection().getRangeAt(0)
: false;
el.select(); // Select the <textarea> content
document.execCommand('copy'); // Copy - only works as a result of a user action (e.g. click events)
document.body.removeChild(el); // Remove the <textarea> element
if (selected) { // If a selection existed before copying
document.getSelection().removeAllRanges(); // Unselect everything on the HTML document
document.getSelection().addRange(selected); // Restore the original selection
}
};
Может есть лучшее решение ?
Вызываю функцию в сочетании с сервисом TurndownService
var turndownService = new TurndownService({
emDelimiter: '__',
});
var markdown = turndownService.turndown($(item).html());
copyTextToClipboard(markdown);
