Вопросы Теги

Как использовать переменные js в ts углового?

Хороший день.

То, в чем я нуждаюсь, ты знаешь он: Как я могу соглашаться на стоимость изменчивая пример, который в index.html использовании для этого в button-bar.component.ts?

В этом примере у меня есть переменная и метод, который распределяет ему стоимость в index.html, но я хочу призвать к методу внутри button-bar.component.ts, который, что он сделает, состоит в том, чтобы печатать сообщение в консоли браузера. У меня есть следующий код примера.

В реальном приложении я использую следующий librebría

<script src="https://static.vidyo.io/4.1.8.1/javascript/VidyoClient/VidyoClient.js?onload=onVidyoClientLoaded"></script>

Предыдущий книжный магазин загружает callback такой так называемый onVidyoClientLoaded как параметр и после того, как книжный магазин нагрузил назван callback.

Спасибо.

//index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Ejemplo</title>
    <base href="/">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
  </head>
  <body>
    <app-root></app-root>
    <script>

      let ejemplo;

      ejemploF();

      function ejemploF() {
        ejemplo = "Hola mundo";
      }
    </script>
  </body>
</html>

//button-bar.component.ts

import { Component } from '@angular/core';
declare var ejemplo:any;


@Component({
  selector: 'app-button-bar',
  templateUrl: './button-bar.component.html'
})
export class ButtonBarComponent {

  constructor() {
    this.getEjemploFValue(); 
  }

  getEjemploFValue() {
    console.log(ejemplo);
  }
}
0
задан 31.10.2019, 18:08
1 ответ

// SERVICIO
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class EjemploService {

  variableDelServicio: any;
}

// COMPONENTE
import { Component } from '@angular/core';
import { EjemploService } from 'src/app/services/ejemplo.service';

@Component({
  selector: 'app-ejemplo',
  templateUrl: './ejemplo.component.html',
  styleUrls: ['./ejemplo.component.css']
})
export class EjemploComponent implements OnInit {

  variableDelComponente: any;

  constructor( public: miServicio: EjemploService ) { 
    // Accedes a la variable así:
    this.variableDelComponente = miServicio.variableDelServicio;
  }
}
0
ответ дан 01.12.2019, 14:43