@Input=Function(Params1,Params2) always call when click anywhere Angular

Question

I have comp-chil

`@Input() ObjectChild:any;`

comp-parent

<comp-child [ObjectChild]=checkValue(0,1)></comp-child>
checkValue(p1, p2){ return {p1:p1*(dosomething), p2:p2*dosomething};

It still work, but when I click anywhere fuction checkValue always call.

see this : https://stackoverflow.com/questions/45207357/function-gets-called-several-times/52027587#52027587 — Abolfazl Roshanzamir, Oct 28 '19 at 05:52

score 0 · Answer 1 · answered Oct 28 '19 at 05:35

0

That's how Angular change detection works.

It's a bad idea to call the function in the template.

You might want to rewrite your code to either use:

a getter to serve your purpose
let the child decide what to do with the value.
Use pipe to do the logic in the template if you really have to do it. Pipes result are memoized, so they are not going to redo the function logic if the input value has not changed.

answered Oct 28 '19 at 05:35

Gabriel George

Yes. It is the other name for cached in this case – Gabriel George Oct 28 '19 at 05:52

1 Answers1