отправка переменной из index.html в app.component.ts

Question

Могу ли я отправить переменную из index.html в app.component.ts У меня есть этот скрипт в index.html, и я хочу отправить URL-адрес, который является переменной, перед удалением параметров запроса в app.component.ts

  <script type="text/javascript">
        var url = window.location.toString();
       if(url.indexOf("?") > 0) {
          var sanitizedUrl = url.substring(0, url.indexOf("?"));
          window.history.replaceState({}, document.title, sanitizedUrl);
        }
      </script>

Answer 1

Конечно можно. Я сделал небольшую демонстрацию , чтобы показать вам, как.

1. Все, что вам нужно сделать, это обернуть ваш код, как вы сделали в index.html.
2. Вы должны объявить переменную. Вы можете сделать это внутри компонента как

import { Component } from '@angular/core';

// notice that foo is inited in index.html
declare var foo;

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

или typings.d.ts. Я рекомендую объявить это в typings.d.ts. Если вы используете angular-cli, и я предполагаю, что он расположен в src/app/typings.d.ts.

declare var foo: any;

И это все. Вы можете использовать свою переменную в любом месте приложения.