Category: Angular

24
Окт
2021

Собрать в RxJs взаимосвязанные между собой данные с трех роутов

Помогите, плиз сделать оптимальный порядок запросов и правильно собрать их в RxJs.
Я сделала https://stackblitz.com/edit/angular-ivy-3pcfbw, но не очень оптимально, как на мой взгляд.
Есть три роута, которые возвращают: департаменты со спи…

20
Окт
2021

Не удается удалить изображение из сервера, когда оно удаляется из редактора tinyMCE в Angular

Я пытаюсь интегрировать редактор tinyMCE в мой сайт, точнее загрузку картинок. Я нашел решение, как загружать фото на сервер, когда пользователь загружает его в редактор. Но, если пользователь удаляет фото в редакторе, то оно уже загружено…

20
Окт
2021

Маска для поля ввода

Помогите пожалуйста. Сделал маску для телефона через плагин imask.js, все работает. Но необходимо докрутить функционал. Когда вставляешь полностью скопированный номер (например скопировал 89106968293) и вставляешь в поле он вставляет +7 (8…

20
Окт
2021

Маска для поля ввода

Помогите пожалуйста. Сделал маску для телефона через плагин imask.js, все работает. Но необходимо докрутить функционал. Когда вставляешь полностью скопированный номер (например скопировал 89106968293) и вставляешь в поле он вставляет +7 (8…

12
Окт
2021

Как работает input() в python?

Добрый день!
Предыстория:
Изучал java и наткнулся на интересный момент, что можно задать значение элемента массива при помощи следующей команды
array[i] = console.nextInt();

Решил проверить в Python и там тоже всё работает, но неожиданно…

06
Окт
2021

Связать аккордион сайдбара с основным компонентом

Делаю довольно простой UI, слева сайдбар с большим аккордионом (выходит за пределы экрана и имеет вертикальный скролл) и правая main часть, которая должна быть фиксированных размеров и выходить за пределы экрана т.е. имеет внутри себя пост…

06
Окт
2021

Связать аккордион сайдбара с основным компонентом

Делаю довольно простой UI, слева сайдбар с большим аккордионом (выходит за пределы экрана и имеет вертикальный скролл) и правая main часть, которая должна быть фиксированных размеров и выходить за пределы экрана т.е. имеет внутри себя пост…

02
Окт
2021

Как ‘заставить’ человека ввести 12 слов в один инпут? [закрыт]

Есть инпут, нужно, чтобы через каждое слово (то есть через событие нажатия на пробел) оно стиралось и к счетчику добавлялось +1, и так до 12, и чтобы когда счетчик не дошел до 12, на кнопку нельзя было нажать, как сделать?

01
Окт
2021

Привет, подскажите как рефакторить d3 с js на angular? Хотя бы вот простое приложение (в ссылке)

d3 minimal dragэто приложение которое надо рефакторить. Приложение, которое я дал в ссылке (d3 minimal grag) отрисовывает svg кружок, который можно передвигать мышью. Приложение написано на js, а мне его надо написать на angular. Используе…

29
Сен
2021

Rxjs подписка только на последний запрос

Как правильней и лучше всего реализовать подписку только на последний запрос?
Например:

Отправляем запрос. Он обрабатывается долго.
Отправляем повторно второй запрос и получаем сразу ответ. Обрабатываем его в subscribe.
Вдруг прилетает от…

29
Сен
2021

Angular RxJs последовательность потоков

Есть 4 сервиса. $service1, $service2, $service3, $service4. Необходимо проверить ответ первого, и если там выполняется условие то вызывать второй сервис и всегда надо вызывать 3 и 4 сервис.
$service1.pipe(
switchMap(result1 => {

28
Сен
2021

Как сделать так, что каждому input number соответствовал свой input checkbox?

При увеличении значения input number выделяются все checkbox’ы, Как сделать так, что каждому "number" соответствовал свой "checkbox"? Поскажите пожалуйста новичку.
html
<div class="dance-type">
<div c…

28
Сен
2021

Как сделать так, что каждому input number соответствовал свой input checkbox?

При увеличении значения input number выделяются все checkbox’ы, Как сделать так, что каждому "number" соответствовал свой "checkbox"? Поскажите пожалуйста новичку.
html
<div class="dance-type">
<div c…

22
Сен
2021

Данные с сервера приходят в полном объёме, можно увидеть в консоли (метод tap в effect.ts). Но html их не рисует? И как обработать error в компоненте?

actions.ts
import { Action } from "@ngrx/store";

export enum ArticlesActions {
LoadArticles = ‘[Articles Page] Load Articles’,
ArticlesLoadedSuccess = ‘[Articles Page] Articles Loaded Success’,
ArticlesLoadedError = …

14
Сен
2021

Я попробовал Angular как разработчик React. 6 вещей, которые мне понравились

От автора: Angular был первым фреймворком, который я когда-либо пробовал. Я быстро отошел от него. Вместо этого я открыл для себя React.js. Конечно, я могу быть предвзятым. Я признаю, что мои воспоминания об Angular были немного ошибочными. Тем не менее, это не вина Angular. Тогда я почти не имел представления о JavaScript. Теперь я знаю […]

09
Сен
2021

Переход на следущий инпут

Помогите, пожалуйста! у меня 2 интупа. первый показывает список телефонных кодов, сделан с помощью international telIinput. когда код выбран, необходимо автоматически перенести курсор во второй инпут для самого номера телефона. Сейчас, ко…

07
Сен
2021

JS: FileReader return result

Имею следующую структуру:

function ReadFile(file) {
var reader = new FileReader();
reader.onload = (function (file) {
return function () {
console.log(this.result);
console.log(arguments);

06
Сен
2021

input file and remove row JS

Хочу реализовать примерно так https://disk.yandex.ru/i/AU6n81X5UBjT4Q
Код работает если "context_add_img" уже в ДОМе, а при нажатии на кнопку
строки создаются, но выбираю файл – название файла не отображается. Также и с удалением…

05
Сен
2021

Как реализовать авторизацию в hasura?

Пытаюсь реализовать авторизацию в хасура. Иду согласно этой документации: https://hasura.io/docs/latest/graphql/core/auth/authentication/jwt.html
мне бекенд сформировал токен по указанным требованиям и я его из аполо-ангуляр посылаю в стор…

01
Сен
2021

React.js onChange работает как onInput

Я делаю валидатор для поля с числом, чтобы оно не могло быть меньше 1. (e) => setLimit(+e.target.value > 0 ? e.target.value : 1) (value у меня привязан к стейту limit)
Аттрибут onChange улавливает любое изменение, но мне нужно, чтобы…