да

спасибо!

Подскажите, можно ли передать prodData.value?

Напрямую там нельзя prodData.value, как можно реализовать?

что ты хочешь сделать?

из html сразу передать value инпута

Сейчас же я передаю сам input элемент, а уже в .ts беру у него value, хотел бы сразу передать value

template:
   <input [(ngModel)]="name" required>
ts
  name: string = '';

А почему напрямую нельзя?

Я понял, ребят :string не указал, поэтому PHPStorm выдавал ошибку

ребят, подскажите в чем может быть проблема:
есть такой простой компонент

@Component({
  selector: 'sd-address-list',
  templateUrl: './address-list.component.html',
  styleUrls: ['./address-list.component.scss'],
  changeDetection: ChangeDetectionStrategy.Default,
})
export class AddressListComponent implements OnInit {
  addressList$: Observable<Address[]>;

  constructor(private addressListService: AddressListService) {}

  ngOnInit(): void {
    this.addressList$ = this.addressListService.getAddressList().pipe(
      tap((v) => {
        console.log(v);
      })
    );
  }
}

<sd-address *ngFor="let address of addressList$ | async" [address]="address"></sd-address>

и вот он не перерендеривается, пока не кликнешь где-нибудь в любом месте сайта

this.addressListService.getAddressList() - это просто селектор из ngrx стора
редьюсер выглядит так:

export function reducer(state = initialState, action: CheckoutActions.AddressAction): Address[] {
  switch (action.type) {
    case CheckoutActions.LOAD_ADDRESS_LIST_SUCCESS: {
      return action.payload;
    }

    default: {
      return state;
    }
  }
}

т.е. с мутабельностью стейта я не накосячил

ну и console.log(v); демонстрирует мне, что новые значения эмитятся

из интересных особенностей. если в браузере установлено расширение для ридакса, то всё ререндерится

Всем привет, сейчас изучаю angular. Возник вопрос, на который не смог найти однозначный ответ: вот у нас есть декоратор @Hostbinding, который предназначен для биндинга свойств элемента, соответствующего селектору из деоратора директивы или компонента. Есть ли вообще смысл применять его не в директивах (т.к. в директивах - это по сути единственный способ забиндить свойство хоста)? И есть ли перечень того, какие параметры он принимает (не смог найти список в документации, а имена параметров не соответствуют реальным свойствам DOM объектов)?

Добрый день, коллеги!

Подскажите, с чего начать изучать Ангуляр? Может есть книги(хотя это наверно не актуально уже) ютуб-каналы, статьи по которым я мог бы освоить хотя бы базу?
Спасибо!

@Component({
  selector: 'sd-address-list',
  templateUrl: './address-list.component.html',
  styleUrls: ['./address-list.component.scss'],
  changeDetection: ChangeDetectionStrategy.Default,
})
export class AddressListComponent implements OnInit {
  addressList$: Observable<Address[]>;

  constructor(private addressListService: AddressListService) {}

  ngOnInit(): void {
    this.addressList$ = this.addressListService.getAddressList().pipe(
      tap((v) => {
        console.log(v);
      })
    );
  }
}

<sd-address *ngFor="let address of addressList$ | async" [address]="address"></sd-address>

export function reducer(state = initialState, action: CheckoutActions.AddressAction): Address[] {
  switch (action.type) {
    case CheckoutActions.LOAD_ADDRESS_LIST_SUCCESS: {
      return action.payload;
    }

    default: {
      return state;
    }
  }
}

беда

Господа, работаю уже с готовым приложением, хочу получить и вывести данные. Данные получаются, в консоль всё падает норм, но вьюха не перерисовывается.
Какие могут быть проблемы?
Может, где-то стоит надстрока, отключающая отслеживание изменений? Такое возможно, если да, то как искать?
ps сорян за шакальность скринов

Стоит стратегия OnPush?

Конкретно в компоненте — нет