Call TypeScript function in HTML without a click event

Question

I know how to call a TypeScript when clicking a button, but how do you call a function without that type of event? I would like to call a function when I have an array called chartData populated. This is what I have:

        <div *ngIf="chartData.length">
            chartMethod();
        </div>

But instead of chartMethod() being called, it just prints 'chartMethod()' on the html page.

I've also tried:

            <script> 
                chartTest();
            </script>

but the function was still not called.

Reginaldo Camargo Ribeiro · Accepted Answer · 2016-07-15 20:30:45Z

6

It happens because this chartTest() is incapsulated by Angular and is not accessible outside Angular. But inside angular you can, you just need to:

<div *ngIf="chartData.length">
    {{chartMethod()}}
</div>

But it will add an undefined in html so just test

<div *ngIf="chartData.length">
    {{chartMethod() ? chartMethod() : ""}}
</div>

But I don't think it's html resposibillity call any method, it needs to be done by the component itself in typescript.

edited Jul 15, 2016 at 20:30

answered Jul 14, 2016 at 17:13

Reginaldo Camargo Ribeiro

7684 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RAHUL KUMAR · Accepted Answer · 2017-12-29 09:47:57Z

1

Angular 2, You can call a method automatically by passing a method 'checkFieldAccess()' in [ngClass] In template file write this

 [ngClass]="{check:checkFieldAccess(dataPass)}"

answered Dec 29, 2017 at 9:47

RAHUL KUMAR

1,19311 silver badges10 bronze badges

Comments

BrunoFigueiredo · Accepted Answer · 2019-05-29 13:22:28Z

1

In your component.ts put his after constructor

ngAfterViewInit(){
    this.getUser();//Put here your function or what you need
  }

ngAfterViewInit() is called after a component's view, and its children's views, are created. Its a lifecycle hook that is called after a component's view has been fully initialized.

answered May 29, 2019 at 13:22

BrunoFigueiredo

111 bronze badge

Collectives™ on Stack Overflow

Call TypeScript function in HTML without a click event

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related