Esta pregunta no tiene ninguna respuesta aceptada y también está relacionada con AngularJS. Necesito una solución para Angular. Ninguna de las respuestas en Internet está funcionando. Mi código es el siguiente:

Columnas.js

 export class Columns { getAllColumns() { return [ { headerName: 'My Header', field: 'My field', filter: 'some filter', menuTabs: 'firsttab' }, {...}... similar 3, 4 objects ] }

Necesito algo como el código a continuación para asignar las columnas devueltas this.fetchedCols .

mi-componente.componente.ts

 ... ngOnInit() { this.fetchedCols = Columns.getAllColumns(); // ERROR }

Probé estos pasos también de este blog :

• Paso 1: cree un directorio con nombre js dentro del directorio de activos y coloque el archivo JavaScript (Columns.js) dentro de él.
• Paso 2: abra index.html y agregue una etiqueta de secuencia de comandos para agregar el archivo JavaScript.
• Paso 3: Abra el componente donde desea usar este archivo JS. Agregue la siguiente línea para declarar una variable:

declare var getAllColumns: any;

Utilice la siguiente línea para llamar a la función:

new getAllColumns();

Ambos archivos (JS y Component) están en la misma carpeta. me sale error:

ERROR TypeError: this.getColumnsDefs no es una función

Por favor ayuda.