Хороший день.
То, в чем я нуждаюсь, ты знаешь он: Как я могу соглашаться на стоимость изменчивая пример, который в 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);
}
}
// 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;
}
}