Angular - передача переменной в скрипт в индексе. html

Question

Я пытаюсь отправить массив переменных 'series' в скрипт в HTML. Есть ли способ?

app.component.ts

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

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Map';

    series: any[];

    constructor() {

       this.series=[["RUS",50],["CAN",88],["CHE",21],["IND",43],
        ["GRL",21],["MEX",19],["FRA",60],["MAC",4],]
    }
}

app.component. html

  <h1>{{name}}</h1>

  <ul>
    <li *ngFor="let country of series">
      {{ country }}
    </li>
  </ul>

Внутри указатель. html

...
  <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/datamaps/0.5.8/datamaps.all.js"></script>

<script>
    // -----------------------Need VARIABLES HERE-----------------------
    var series = [
        ["RUS",50],["CAN",88],["CHE",21],["IND",43],
        ["GRL",21],["MEX",19],["FRA",60],["MAC",4],];


    // Datamaps expect data in format:
    // { "USA": { "fillColor": "#42a844", numberOfWhatever: 75},
    //   "FRA": { "fillColor": "#8dc386", numberOfWhatever: 43 } }
    var dataset = {};

  ...

https://stackblitz.com/edit/angular-sk1gaf

Answer 1

Вы можете добиться этого, введя document в свой компонент и присвоив ему переменную, подобную этой: https://stackblitz.com/edit/angular-a8xkz1

Я уверен, что у вас есть свои причины, но я настоятельно не рекомендую Для этого используйте angular компоненты для вашей логики c вместо индекса. html