button property binding "disable" not working in angular 4

Question

I have created a component name servers. In servers.component.ts i have created a variable name allowServer with bool value false (to disable button in start of the app). In constructor, I have used javascript setTimeout function to change the value of allowServer to True. The value is changing but button is not getting enabled

servers.component.ts.

servers.component.html What am i doing wrong??

Answer 1

You need to use ArrowFunction ()=> to preserve this context within setTimeOut.

setTimeout(()=>{    
      this.allowServer = true;
 },3000);