Как передать в компонент вычисляемое выражение?

Я может что-то упускаю в задаче, а почему нельзя передавать функцию в компонент из родителя?

export class ParentComponent {
  fn = (value: number) => {
    return value * 2;
  }
}

<child [fn]="fn"></child>

export class ChildComponent {
  @Input() fn: (value: number) => number;
  ...
  const results = this.items.map(i => this.fn(i));
}

@HostListener и CheckBox. Создание своей директивы. Есть идеи?

Вопрос тогда в том, зачем?

Можно самостоятельно реализовать функционал ngIf (только скрывать эл-т если передан true), получиться вот так: *ngxHide="ngxHide"

Собственно код ngIf можно изучить тут: https://github.com/angular/angular/blob/master/pac...

Почему компонент перерисовывается при движение курсора мыши?

В этом компоненте ничего такого нет. Где-то выше есть подписки на mousemove, в общем, нужно искать в другом месте.

Как переиспользовать логику компонентов?

На компонентах толком никак.
Выносите сложную логику в сервисы (CRUD REST Service и т.д) и инжектите эти сервисы на локальные компоненты.
Вообще инкапсулирование шаблонов и стилей в отдельные пакеты очень сильно ограничивает при решении реальных задач.

RxJS - Как правильно делать отписки на Subscriber объект?

Отличный материал на эту тему https://medium.com/@benlesh/rxjs-dont-unsubscribe-...

Как изменить css вложенного элемента в Angular?

Виталий, всегда есть две крайности, нужно искать баланс. Слишком универсальные инструменты неизбежно превращаются в монстров, а слишком простые не решают проблем.

Как изменить css вложенного элемента в Angular?

Виталий, сейчас затягивая компонент - мы не можем менять его код(функционал) и шаблон напрямую. Только через параметры и проекцию контента (но это всего-лишь отображение переданного).

Но, если отказаться от инкапсуляции стилей, то оказывается, что только css недостаточно для нормальной кастомизации под конкретные задачи и приходится выдумывать ужасные костыли.

Тут лично я вижу 2 подхода: (1) параметризация и (2) вынос в общую либу только сложного функционала, а стили-шаблоны уже держать внутри каждого уникального проекта свои.

На практике в сложных проектах рано или поздно (все чаще - рано) приходится отказываться от готовых либ компонентов из-за необычных требований, к которым эти компоненты не готовы.

Какой порядок загрузки папок в Angular 2/4?

А какую задачу/проблемы пытаетесь решить?

Variable is undefined / Angular 4 service?

Там должна быть строка, если это обычный параметр роута /:id
Так что обычная конвертация строки в число решает эту проблему:
...getPerson(+id)

Laravel 5 & Angular 2 status 403 not allowed, есть причина?

Больше инфы даст скрин заголовков, обычно это CORS