Firepad com Angular5 - firebase, angular5, angularfire2, firepad

Eu gostaria de usar o firepad dentro do meu aplicativo angular5.

Não vejo nenhum exemplo de firepad com angular5.

Não sei como vincular .ts a html. Um exemplo de exemplo com os arquivos .html e .ts seria uma grande ajuda.

obrigado Pari

Respostas:

Respondendo minha própria pergunta:

Datilografado

import { Component, OnInit, ViewChild } from "@angular/core";

import { AceEditorComponent } from "ng2-ace-editor";
import * as Firepad from "firepad";
import * as firebase from "firebase";

@Component({
selector: "app-request-access",
templateUrl: "./request-access.component.html",
styleUrls: ["./request-access.component.css"]
})
export class RequestAccessComponent implements OnInit {
@ViewChild("firepad") firepadEle: AceEditorComponent;
constructor() { }

ngOnInit() {
let editor = this.firepadEle.getEditor();
let firepad = Firepad.fromACE(firebase.database().ref(), editor);
}

}

HTML

<ace-editor
#firepad
mode="java"
theme="eclipse"
[options]="options"
[readOnly]="false"
[autoUpdateContent]="true"
class="ace-editor"
style="height:150px;">
</ace-editor>

Nós apenas temos que usar AceEditorComponent em html e usá-lo em texto datilografado.