Question

20

Call TypeScript function in HTML without a click event

rated 0 times [ 23] [ 3] / answers: 1 / hits: 25647 / 8 Years ago, thu, july 14, 2016, 12:00:00

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.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

minab

Add To Favorites

Follow

Total Points: 701

Total Questions: 104

Total Answers: 91

Location: Saint Pierre and Miquelon

Member since Fri, Jan 28, 2022

2 Years ago

minab questions

1 Update a Table with React Hooks when a Row is Added, Deleted and Modified? [Issue: Gets Before Post and Delete]

Sat, Jul 10, 21, 00:00, 3 Years ago

1 How to click one button that exists two times with same name?

Fri, Feb 7, 20, 00:00, 4 Years ago

1 Unable to copy array using setstate hook

Tue, Oct 1, 19, 00:00, 5 Years ago

1 How to change day-format (M > Mo, F > Fr...) in Date/month pickers of Vuetify

Tue, Aug 20, 19, 00:00, 5 Years ago

1 Bootstrap Modal is not working in React JS

Thu, Jul 25, 19, 00:00, 5 Years ago

View All

answered 8 Years ago kentrelle · Accepted Answer

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.