私は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で使用するだけです。