Size: a a a

Angular - русскоговорящее сообщество

2019 December 12

ВК

Валентина Климчина in Angular - русскоговорящее сообщество
Ant
вот
Да, я поэтому и спрашиваю. Что в этом страшного? Зачем этот ворнинг?
источник

AG

Arthur Galimov in Angular - русскоговорящее сообщество
Ant
Lifecycle  hook  ngOnChanges() можно заюзать
то что нужно спасибо!Ё
источник

A

Ant in Angular - русскоговорящее сообщество
Валентина Климчина
Да, я поэтому и спрашиваю. Что в этом страшного? Зачем этот ворнинг?
там же вроде написано как пофиксить. Просто в объявление контрола добавить disable: true;
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
Валентина Климчина
Да, я поэтому и спрашиваю. Что в этом страшного? Зачем этот ворнинг?
https://blog.angular-university.io/angular-debugging/
там же написано, что они рекоммендуют использовать это, потому что может возникнуть ошибка
источник

ВК

Валентина Климчина in Angular - русскоговорящее сообщество
Ant
там же вроде написано как пофиксить. Просто в объявление контрола добавить disable: true;
Вопрос не в том как пофиксить, а в том, почему вообще это нужно фиксить. К каким проблемам не фиксенье)) может привести
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
реактивные формы настраиваются из ts, а не из шаблона, поэтому могут возникать конфликтные ситуации, когда в коде прописано одно состояние, а в шаблоне указано другое
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
если хотите дизейблить поле, то лучше делать это из FormControl, а не из шаблона(в реактивных формах)
источник

ВК

Валентина Климчина in Angular - русскоговорящее сообщество
Денис Макаров
реактивные формы настраиваются из ts, а не из шаблона, поэтому могут возникать конфликтные ситуации, когда в коде прописано одно состояние, а в шаблоне указано другое
То есть, реальные проблемы при использовании контрола и дизейблинга поля в темплейте не возникнут, кроме того, что логика есть в тс и в хтмл?
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
Валентина Климчина
То есть, реальные проблемы при использовании контрола и дизейблинга поля в темплейте не возникнут, кроме того, что логика есть в тс и в хтмл?
в ворнинге все риски описаны
я бы предпочел следовать рекоммендациям, да и это плохая практика, когда состояние реактивных форм прописывается в шаблоне(их становится невозможно нормально тестить). Да и само двойственное состояние пугает. Думаю, ваш кейс можно легко решить через formControl, нежели прописывать disabled в шаблоне
источник

ВК

Валентина Климчина in Angular - русскоговорящее сообщество
Денис Макаров
в ворнинге все риски описаны
я бы предпочел следовать рекоммендациям, да и это плохая практика, когда состояние реактивных форм прописывается в шаблоне(их становится невозможно нормально тестить). Да и само двойственное состояние пугает. Думаю, ваш кейс можно легко решить через formControl, нежели прописывать disabled в шаблоне
Спасибушки)
источник

PT

Pasha Tytov in Angular - русскоговорящее сообщество
<a routerLink="/home">Home</a>


Ку , есть ли способ как то хранить адресс имеено  в переменной роутера?
В плане , что бы не писать везде в коде   routerLink="/home" , а укзаывать вместо home переменную, которую мы будем подтягивать с роутера (для того что бы если поменятется ссылка в роутере , не менять в кажом компоненте /home)
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
Pasha Tytov
<a routerLink="/home">Home</a>


Ку , есть ли способ как то хранить адресс имеено  в переменной роутера?
В плане , что бы не писать везде в коде   routerLink="/home" , а укзаывать вместо home переменную, которую мы будем подтягивать с роутера (для того что бы если поменятется ссылка в роутере , не менять в кажом компоненте /home)
[routerLink]="['/', myVariable]"
источник

AI

Alexander Iworb in Angular - русскоговорящее сообщество
Pasha Tytov
<a routerLink="/home">Home</a>


Ку , есть ли способ как то хранить адресс имеено  в переменной роутера?
В плане , что бы не писать везде в коде   routerLink="/home" , а укзаывать вместо home переменную, которую мы будем подтягивать с роутера (для того что бы если поменятется ссылка в роутере , не менять в кажом компоненте /home)
А к предложенному выше решению, можете хранить эту переменную в любом простеньком сервисе
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
Alexander Iworb
А к предложенному выше решению, можете хранить эту переменную в любом простеньком сервисе
+
источник

PT

Pasha Tytov in Angular - русскоговорящее сообщество
Alex Bu
[routerLink]="['/', myVariable]"
My variable мы храним в данной ситуации в сервисе или роутере?
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
Alexander Iworb
А к предложенному выше решению, можете хранить эту переменную в любом простеньком сервисе
Или вообще вынести из проекта в assets)))
источник

AB

Alex Bu in Angular - русскоговорящее сообщество
Pasha Tytov
My variable мы храним в данной ситуации в сервисе или роутере?
Это переменная компонента. Откуда она берется в компоненте - дело Ваше
источник

ИД

Иван Дамаскин in Angular - русскоговорящее сообщество
Ребят у меня фильтр где я выбираю статус заказа
После выбора делаю запрос где получаю отфильрованные данные, но бывает что запрос идет секунды 3 и при этом пользователь может выбрать другйо статус но получает устареввшие данные

Нужно отменять запрос при повторном выборе фильтра. Как это сделать?
Вот мой код где я подписываюсь на изменения контролов формы фильтра
this.subscriptions.add(this.form.valueChanges
     .pipe(debounceTime(300))
     .subscribe(() => {
       this.loadOrders();
     })
   )
источник

PT

Pasha Tytov in Angular - русскоговорящее сообщество
const listLink = 'list';
const routes: Routes = [
 { path: '', redirectTo: listLink, pathMatch: 'full' },
 { path: listLink, component: ListComponent }
];

@NgModule({
 imports: [ RouterModule.forRoot(routes) ],
 exports: [ RouterModule ]
})
export class AppRoutingModule {
 listLink = listLink;
}

так рботает , можно ли так что бы мы не дублировали listLink? (внутри класса он потому что я его експортирую , а константа с ним для того , что если я напишу  { path: '', redirectTo: this.listLink, pathMatch: 'full' } = то выбьет ошибку , можно ли както не дублировать?)
источник

PT

Pasha Tytov in Angular - русскоговорящее сообщество
Alex Bu
Это переменная компонента. Откуда она берется в компоненте - дело Ваше
?
источник