Size: a a a

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

2019 September 26

AY

Alexander Yaschuk in Angular - русскоговорящее сообщество
Всем привет! Кто может подсказать, вызывать в одном тесте несколько expect-ов — это норма или нет?
источник

R

Roma in Angular - русскоговорящее сообщество
Привет, Ктото может мне объяснить или скинуть туториал, как работает контейнер?там есть ещё страница с ts на которой есть вот эти все меттоды и собития
источник

R

Roma in Angular - русскоговорящее сообщество
источник

R

Roma in Angular - русскоговорящее сообщество
источник

R

Roma in Angular - русскоговорящее сообщество
Я не понимаю как оно подтягивает данные вот сюда
источник

V

V L A S O V in Angular - русскоговорящее сообщество
Roma
Я не понимаю как оно подтягивает данные вот сюда
Ты их передаешь через атрибут*
источник

R

Roma in Angular - русскоговорящее сообщество
V L A S O V
Ты их передаешь через атрибут*
Подробнее
источник

V

V L A S O V in Angular - русскоговорящее сообщество
А уже компонент с ними как то взаимодействует
источник

R

Roma in Angular - русскоговорящее сообщество
V L A S O V
Ты их передаешь через атрибут*
А где атрибут написан?
источник

V

V L A S O V in Angular - русскоговорящее сообщество
Roma
Подробнее
Ну ты типо дерективой "input() задаешь атрибут компоненту" потом в компоненте в этот атрибут передаешь данные
источник

V

V L A S O V in Angular - русскоговорящее сообщество
Roma
А где атрибут написан?
workgroup
источник

R

Roma in Angular - русскоговорящее сообщество
Ага, мне бы понять как они переносться именно c ts в app-client-list. а потом в Workgroup, Я понимаю что вот там написано  [workgroup]="workgroups$ | async", но как они переносаться в этот в "workgroups$ | async", Я создавал свой контенео с другим компонентом так же по примеру, но он не работал, console.log() в ngInit проверял в контенер ts
источник

V

V L A S O V in Angular - русскоговорящее сообщество
workgroup$ название свойства, которое подписано на получение каких то данных. А как это уже реализовано я хз
источник

V

V L A S O V in Angular - русскоговорящее сообщество
В родительском компоненте должен быть какой то код, как workgroups$ обрабатывается
источник

DK

Denys👨‍💻 Korotin in Angular - русскоговорящее сообщество
Ребят, подскажите плз норм rich text editor component готовый для Angular 7+
источник

В

Вячеслав in Angular - русскоговорящее сообщество
какую настройку в Angular CLI нужно применить что бы стили в hot режиме обновлялись без перезагрузки?
источник

OM

Odiljon Mukhammadov in Angular - русскоговорящее сообщество
Доброго времени суток, помогите пожалуйста разобраться с проблемой.

У меня есть mat-table с которым я хочу испрользовать matSort. Датасорс таблицы сделал кастомный из примера:
export class OrdersDataSource extends BaseDataSource {
 constructor(private ordersService: OrderService) {
   super();
 }

 loadOrders(queryParams: QueryParamsModel, orderNumber?: number, orderStatus?: OrderStatus, userId?: string) {
   const delegate = this.ordersService.getOrderHistory.bind(this.ordersService);

   delegate(queryParams, orderNumber, orderStatus, userId)
     .pipe(
       catchError(() => from([])))
     .subscribe(res => {
       this.entitySubject.next(res.items);
       this.paginatorTotalSubject.next(res.totalCount);
     });
 }
}


Чтобы подключить к ней matSort, после иницализации вюшки, делаю так:
ngAfterViewInit() {
   this.sort.sortChange
     .pipe(takeUntil(this.destroy))
     .subscribe(() => this.paginator.pageIndex = 0);

   merge(this.sort.sortChange, this.paginator.page)
     .pipe(
       tap(() => {
         this.loadOrders();
       }),
       takeUntil(this.destroy)
     )
     .subscribe();
 }



sort беру ViewChild-ом : @ViewChild(MatSort, { static: true }) sort: MatSort;

Когда таблица отображаеться на странице, в консоле несколько раз выходит такая ошибка:

Attempting to configure '__source' with descriptor '{"value":"MatSortHeader","configurable":true}' on object 'function MatSort() {
       var _this = _super !== null && _super.apply(this, arguments) || this;
       /**
        * Collection of all registered sortables that this directive manages.
        */
       _this.sortables = new Map();
       /**
        * Used to notify any child components listening to state changes.
        */
       _this._stateChanges = new rxjs__WEBPACK_IMPORTED_MODULE_4__["Subject"]();
       /**
        * The direction to set when an MatSortable is initially sorted.
        * May be overriden by the MatSortable's sort start.
        */
       _this.start = 'asc';
       _this._direction = '';
       /**
        * Event emitted when the user changes either the active sort or sort direction.
        */
       _this.sortChange = new _angular_core__WEBPACK_IMPORTED_MODULE_2__["EventEmitter"]();
       return _this;
   }' and got error, giving up: TypeError: Cannot define property __source, object is not extensible


В чем может быть проблема?
Извините за текст
источник

AB

Arthur Bobrovskih in Angular - русскоговорящее сообщество
Вячеслав
какую настройку в Angular CLI нужно применить что бы стили в hot режиме обновлялись без перезагрузки?
попробуйте запустить дев так
ng serve --hmr=true
источник

В

Вячеслав in Angular - русскоговорящее сообщество
Arthur Bobrovskih
попробуйте запустить дев так
ng serve --hmr=true
Это не то, оно всё равно перезагружает модуль с потерей состояния
источник

В

Вячеслав in Angular - русскоговорящее сообщество
В чистом webpack изменение css без проблем обнавляются без каких-либо перезагрузок скриптов или страницы
источник