Showing a global variable from an external JavaScript library

Question

Showing a global variable from an external JavaScript library

I have integrated some external libraries into my ionic project.

One of these libraries includes the declaration of var loading = false;

In my page's .ts file, I am "importing" this variable using:

declare var loading;

Although I can use this variable in functions and other parts of the code, I am facing an issue with displaying it on the page itself. Using the following syntax does not work:

{{ loading }}

I also attempted to create a function that returns the variable (

public load = function(){return loading;}

), but it is not functioning properly. Sometimes when the variable changes automatically, the page fails to detect it and update the text accordingly.

Is there a solution to this problem?

javascript angular typescript ionic-framework

Answer 1

Answer №1

In order to access the global variable within a component, you must first create a local component variable and initialize it with the value of the global variable during the component's initialization.

Answer 2

In order to access the global variable within a component, you must first create a local component variable and initialize it with the value of the global variable during the component's initialization.

Showing a global variable from an external JavaScript library

Answer №1

Similar questions

Unable to properly utilize environment variables on Vercel when using Nuxt framework

Updating a view based on an SVG object's geometric properties in Angular using effective change detection mechanisms

Are there alternative methods, aside from using a computed property, that can be utilized to store a Vue route parameter in a way where

Troubleshooting compilation problems in Angular2 with nested components

Tips for acquiring the newest router in an angular environment

The type 'FormikValues' is deficient in the subsequent properties compared to the type 'Exact<{'

Stopping the execution of jQuery's .prop method does not result in any

Angular2 - trigger an HTTP GET request from a different component

The Chevron icon is not pointing downwards even though it has already gone upwards

Utilize ES6 to import components for rendering on the server-side

Learn how to automatically retrieve messages without refreshing the page by leveraging the power of AJAX

display the $scope as undefined in an angular application

Display the flowplayer div when the anchor is clicked

Having difficulty receiving a response from an AJAX call within the success function

Passing Props Down in a React Component Wrapper

Error encountered while executing jest tests due to an unexpected import token

Issue with exporting Typescript React component

Achieving full child div coverage within a bordered parent div on Chrome

When incorporating Typescript into HTML, the text does not appear in bold as expected

Is it possible to manage how many times a functional react component re-renders based on changes in its state?