Aplicativo Angular 2 Bootstrap a partir de dados externos

Como carregar o aplicativo Angular 2 somente após obter dados externos?

Por exemplo, há um aplicativo externo na mesma página html, preciso passar alguns dados para o meu serviço de aplicativo. Imagine, isso éURL da API, gostar'some_host/api/' e meu aplicativo não deve ser inicializado até obter essas informações.

É possível chamar algum método do meu aplicativo a partir de um script de aplicativo externo, como:

application.initApplication('some data string', some_object);

index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>App</title>
  <base href="/">
  <link>

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<script>
  application.initApplication('api/url', some_object);
</script>


  <app-root
   >Loading...</app-root>

</body>
</html>

questionAnswers(1)

yourAnswerToTheQuestion