Угловой с розетками - геттер каждые 10 секунд

Question

У меня небольшая проблема с угловыми розетками.

Я инициализирую их в своем app.component.ts, вызывая службу (socket.init ()):

public init() {
    this.socket = io(this.url);
}

В другом компоненте .ts я сделал геттер:

get test() {
    console.log('testing func');
    return true;
}

В поле зрения:

<span class="{{test}}">test</span>

Проблема в том, что геттер отправляет консольное сообщение каждые 10 секунд ... Если я выключаю розетки, все работает правильно.

Answer 1

Смотрите этот ответ: https://stackoverflow.com/a/43167053/4125622

метод getter, доступный в шаблоне, запускается каждый раз, когда срабатывает обнаружение изменений (что может происходить в родительском компоненте, но происходит через весь DOM вашего приложения).

Вот почему для дорогих вычислений вы должны привязать результат к полю и получить доступ к этому полю вместо метода / получателя в шаблоне.