/ / Firepad with Angular5 - firebase、angular5、angularfire2、firepad

Firepad with Angular5 - firebase、angular5、angularfire2、firepad

私はangle5アプリケーション内でfirepadを使用したいと思います。

私はangular5とfirepadの例を参照してください。

.tsをhtmlにバインドする方法がわかりません。 .htmlと.tsファイルを使用したサンプルの例は大きな助けになります。

ありがとう パリ

回答:

回答№1は0

自分の質問に答える:

Typescript

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>

私たちはhtmlでAceEditorComponentを使用し、それをtypescriptで使用するだけです。