Антон

В интернетах советуют применть фильтр типа:

angular.module('myApp')
    .filter('to_trusted', ['$sce', function($sce){
        return function(text) {
            return $sce.trustAsHtml(text);
        };
    }]);

и потом
<div ng-bind-html="item.chat | to_trusted"></div>

Если я правильно понял, то вам надо

<resident-films [films]="resident.films"></resident-films>

ну и внутри соответственно принять в свойство films.
Тут дока по этому вопросу - https://angular.io/guide/inputs-outputs и там в самом начале есть ссылка на демо.
Ну и туториале есть про это - https://angular.io/tutorial/toh-pt3 вот тут - передаётся выбранный герой к компонент

Вы в коде getStats() вообще ничего не возвращаете.
Вы возвращаете данные из функции, которая у вас является подписчиком http.get.
Насколько я помню, вам надо объявить внутри getStats() объект типа Observable() и вернуть его. Как-то так в общем:

getStats()
{
    return new Observable<any>((observer) => {
        let statsLS = localStorage.getItem('stats');
        let slt     = +localStorage.getItem('slt');

        let date = new Date();
        let time = date.getTime();

        if (statsLS === null || slt < time) {
            this.http.get('/server/api/statsService').subscribe((data: any) => {
                this.stats = data;
                let date   = new Date();
                let time   = date.getTime() + 60000 + '';
                localStorage.setItem('stats', JSON.stringify(this.stats));
                localStorage.setItem('slt', time);
                observer.next(this.stats);
            });
        } else {
            observer.next(JSON.parse(statsLS));
        }

    });
}

Может у вас сервер, под которым php крутится метод POST не принимает (ну или 404 отдаёт).
В общем, первое что проверить - это каким-нибудь конструктором запросов или еще одним php-скриптом сделать post запрос на икомый скрипт.
Если дело всё-таки в вебсервер, то попробуйте его под апачем запустить и проксировать к нему запросы с nodejs как описано вот в этом вопросе: Почему не устанавливаются куки при post запросе в Angular 5?

Домены-то походу разные, ангуляр на localhost:4200 сидит, а апишка на api
Вообще сам недавно узнал про проксирование запросов ангуляра на другие домены/порты - https://github.com/angular/angular-cli/blob/master...
у меня вот такой конфиг (proxy.conf.json)

{
  "/data/**": {
    "target": "http://booking.localhost/",
    "logLevel": "debug",
    "changeOrigin": true
  },
  "/login": {
    "target": "http://booking.localhost/",
    "logLevel": "debug",
    "changeOrigin": true
  },
  "/logout": {
    "target": "http://booking.localhost/",
    "logLevel": "debug",
    "changeOrigin": true
  }
}

Запускаю так

ng serve --proxy=proxy.conf.json --delete-output-path=false

второй параметр чтобы папку куда ng build --prod кладёт файлы не очищало, ибо оттуда symfony грузится.

Насколько помню, у меня была аналогичная проблема. ИЕ кешировал запросы (точнее ответы сервера), т.е. при закрытой консоли ответ брался из кеша. Попробуйте добавлять случайный параметр к урлу, чтобы он получался уникальным каждый раз.

Если один внутри другого - то через @Output можно.
Если они где-то параллельно - то через сервис можно и Observable из rxjs.

Стрелочные функции вроде для этого как раз, чтобы this пробрасывать.
Вот так не работает?

this.player.addEventListener('ended', () => {
            this.nextSong();
            console.log('Audio file ended');
        });

Ну так в контроллере и пропишите

$scope.declaration = {
  shippingGoalCode: 'value'
}

или
declaration.shippingGoalCode = 'value';
в зависомсти от того controllerAs синтаксис у вас или нет.