Firepad с угловой - PullRequest
Новая
       31

Firepad с угловой

0 голосов
/ 03 мая 2018

Я бы хотел использовать firepad в своем угловом приложении.

Я не вижу ни одного примера пожарной панели с угловым 5.

Я не уверен, как связать .ts с HTML. Пример примера с файлами .html и .ts очень помог бы.

Спасибо Pari

1 Ответ

0 голосов
/ 07 мая 2018

Отвечая на мой вопрос:

Машинопись 

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>

Нам просто нужно использовать AceEditorComponent в html и использовать его в машинописи.

...