Передача возвращаемого значения функции в пользовательский компонент Angular

Question

Что-то не так с передачей значения в пользовательский компонент, подобный этому? Я заметил, что когда я console.log внутри someFunction, он вызывается много раз, когда компонент загружается. Может кто-нибудь объяснить?

HTML

<custom-component [someInput]=“someFunction(‘someParameter’)></custom-component>

TS

someFunction(someParameter) {
    return someValue
}

Answer 1

ДА, Вы правы,

В angular вы не должны звонить functions в template.

Причина

Основная цель angular - Rendering DOM при обнаружении любых изменений. Поэтому, если angular обнаружит в вашем приложении changes/updates, он повторно отобразит шаблона. Поэтому, когда он каждый раз перерисовывает , будет вызываться функция , которую вы использовали в шаблоне (реквизитах) .

Всегда следуйте передовым методикам

почему вы никогда не должны использовать функцию-звонки-в-1040 * -темплатные выражения