ionic, angular - глобальная переменная внутри index.html для вызова другими страницами ts

Question

Как можно компоненту (файлу ts) получить доступ к переменной внутри index.html? Exemple:

внутри: index.html <javascript> var myVar = "test"; </javascript>

как заставить эту переменную "myVar" использоваться внутри страницы компонента

для использования, например, в html-компоненте, например {{myVar}}

Answer 1

Внутри файла ts вы можете объявить его так:

//Other imports
declare var myVar: any;

@Component({
selector: 'my-component',
templateUrl: './my-component.component.html',
 styleUrls: ['./my-component.component.scss']
})

export class MyComponent {
  my_javascript_variable = myVar;
}