Firepad z Angular5 - firebase, angular5, angularfire2, firepad

Chciałbym użyć firepada w mojej aplikacji angular5.

Nie widzę żadnego przykładu ogniochronu z kątowym5.

Nie wiem, jak powiązać .ts z html. Przykładowy przykład z plikami .html i .ts byłby bardzo pomocny.

Dzięki Pari

Odpowiedzi:

Odpowiadając na moje własne pytanie:

Maszynopis

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>

Musimy po prostu użyć AceEditorComponent w html i używać go w maszynopisie.