Size: a a a

Angular.js (1.x) — русскоговорящее сообщество

2019 April 08

R

Remite in Angular.js (1.x) — русскоговорящее сообщество
Chadwick ☭
Привет!

А) при работе с ngrx/store  где лучше открывать и закрывать spinner-dialog: 1) в компоненте перед диспатчем акшина? 2) в эффекте на tap(OPEN_SPINNER) перед switchmap(API_CALL) и закрывать уже внутри API_CALL.then(CLOSE_SPINNER).catch(CLOSE_SPINNER)?

Б) делаю логин.
1) click on submit button
2) generate payload from form data-> dispatch action (LOAD_REQUEST) with payload
3) на LOAD_REQUEST реагирует Effect который шлет запрос на сервер
4) Effect возвращает LOAD_REQUEST_FAILURE & LOAD_REQUEST_SUCCESS actions, соответственно с токеном и ошибкой. и меняет состояние стора по статусу LOADING/ERROR
5) логин форма показывает спиннер диалог пока идет действие...

вопрос... где делать переход на основной раздел? в effect'e или в логин-компоненте и всегда слушать LOADING статус и в нем проверять есть ли токен в сторе или нет? или есть другой/лучший flow для данного кейса?
Ну смотри как мы это у себя делаем:

Диспатчик екшен REQUEST_ANYTHING

его ловит ефект и редьюсер

в редьюсере на REQUEST_ANYTHING
переключаемя состояние куска сторы в isLoading: true, errors: null,
потом когда приезжает REQUEST_SUCCESS
мы делаем isLoading: false,

соответсвенно на изЛоадин висит селектор который мы юзаем для спинера
источник

R

Remite in Angular.js (1.x) — русскоговорящее сообщество
Второй кейс это блокирование экрана прелоадерами "локально"
В таком случае после нажатия на кнопки внутри компонента мы включаем прелоадер, и когда мы заканчиваем делать там же и выключаем в компоненте ( но в этом случае мы стору не дергаем, какие-то локальные сложные операции)
источник

C☭

Chadwick ☭ in Angular.js (1.x) — русскоговорящее сообщество
на текущий момент я вынес все в отдельный сервис "UserService" и в нем уже подписываюсь на стор и селекторы.. этот же сервис подключается автоматически при старте приложения как синглтон... а в логин-компоненте уже могу напрямую получать статусы.. таким же образом можно без копипасты во всем приложении работать с UserStore через сервис...
источник
2019 April 09

D

DS_PRO in Angular.js (1.x) — русскоговорящее сообщество
Remite
Привет ребят.
Я юзаю вот такую библиотеку что бы сделать
1.
2.
3.

На данный момент я сделал
1.
2.

Не могу сделать функционал
3.

Пробывал сделать так
3.1
3.2

Получаю вот такую ошибку
3.1.1
3.1.2

Вот мой код
ссылка на песочницу

Посмотрите пожалуйста
Окей. Понял
источник

R

Remite in Angular.js (1.x) — русскоговорящее сообщество
@jashka_jashka, тут халяву опять завезли
источник

SS

Sasha Sasha in Angular.js (1.x) — русскоговорящее сообщество
Добрейшего вечера.
Есть компонент(кастомное поле формы) с require: ^ngModel. Нужно поставить туда значение при инициализации. Это должен быть пустой массив.
При нерасовом this.model.$viewValue = [] ничего не коммитится. При this.model.$setViewValue([]) форма становится $dirty и даже $setPristine не спасает. Что можно сделать?
источник

C☭

Chadwick ☭ in Angular.js (1.x) — русскоговорящее сообщество
Sasha Sasha
Добрейшего вечера.
Есть компонент(кастомное поле формы) с require: ^ngModel. Нужно поставить туда значение при инициализации. Это должен быть пустой массив.
При нерасовом this.model.$viewValue = [] ничего не коммитится. При this.model.$setViewValue([]) форма становится $dirty и даже $setPristine не спасает. Что можно сделать?
производи инициализацию в парент компоненте
источник

C☭

Chadwick ☭ in Angular.js (1.x) — русскоговорящее сообщество
зачем внутри ?
источник

SS

Sasha Sasha in Angular.js (1.x) — русскоговорящее сообщество
Chadwick ☭
производи инициализацию в парент компоненте
А как это сделать в условиях динамических форм? Грубо говоря, приходит html:
<form> 
    <component …bindings ng-model=“formData.firstField”/>
    <anotherComponent …bindings ng-model=“formData.secondField”/>
    ….
</form>

И вся логика инкапсулирована внутри компонентов, которые привязы к модели. На верхнем уровне я ничего не знаю заранее
источник

SS

Sasha Sasha in Angular.js (1.x) — русскоговорящее сообщество
Если бы это было что-то захардкоденное, то без проблем
источник

LK

L K in Angular.js (1.x) — русскоговорящее сообщество
не по теме чата, вы хоть смотрите куда и что пишите
источник
2019 April 11

C☭

Chadwick ☭ in Angular.js (1.x) — русскоговорящее сообщество
L K
не по теме чата, вы хоть смотрите куда и что пишите
бедный диплом )
источник

LK

L K in Angular.js (1.x) — русскоговорящее сообщество
так лучше, а то муляет
источник
2019 April 12

Д

Денис in Angular.js (1.x) — русскоговорящее сообщество
Привет! Такая проблема:
Есть 2 элемента с ng-if
Один находится во втором ниже по DOM-дереву
У обоих ng-if переменная с true-false, скажем showOne и showTwo
Так вот: предположим, что у обе переменные изначально true.
После мы меняем showOne на false, элементы исчезают, а потом showTwo на false
После этих действий возвращаем showOne true, но почему то элемент с ng-if="showTwo", который находится в первом видим полсекунды, а потом исчезает. Как это можно вылечить?
источник

М

Максим in Angular.js (1.x) — русскоговорящее сообщество
Денис
Привет! Такая проблема:
Есть 2 элемента с ng-if
Один находится во втором ниже по DOM-дереву
У обоих ng-if переменная с true-false, скажем showOne и showTwo
Так вот: предположим, что у обе переменные изначально true.
После мы меняем showOne на false, элементы исчезают, а потом showTwo на false
После этих действий возвращаем showOne true, но почему то элемент с ng-if="showTwo", который находится в первом видим полсекунды, а потом исчезает. Как это можно вылечить?
не совсем понятно.. го код на jsfidle
источник

R

Remite in Angular.js (1.x) — русскоговорящее сообщество
@javascript_jobs

вот куда-то туда
источник

SV

Sergey Vavilov in Angular.js (1.x) — русскоговорящее сообщество
Благодарю:)
источник
2019 April 13

C☭

Chadwick ☭ in Angular.js (1.x) — русскоговорящее сообщество
Привет! Как лучше обозвать столбец в базе ответственный за сортировку строк в списке?
источник

R

Remite in Angular.js (1.x) — русскоговорящее сообщество
sortBy
источник

R

Remite in Angular.js (1.x) — русскоговорящее сообщество
;0
источник