angular - 带 Angular 的 Firepad
问题描述
我想在我的角度应用程序中使用 firepad。
我没有看到任何角度为 5 的 Firepad 示例。
我不确定如何将 .ts 绑定到 html。带有 .html 和 .ts 文件的示例示例会很有帮助。
谢谢帕里
解决方案
回答我自己的问题:
打字稿
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 中使用它。
推荐阅读
- python - 如何使用Python向列表中没有撇号的元素添加撇号
- python-3.x - 在 TensorFlow 中保存神经网络的学习进度
- postgresql - 在 Postgres 中使用可选 FK 约束的最佳方式是什么?
- java - Android studio/Firebase - 尝试获取数据时遇到无限循环
- mysql - 未索引的列,mysql 错误“指定的键太长最大键长度为 767 字节”
- python - 我应该使用什么来在 python GUI 中包含交互式图形可视化?
- node.js - React&Node(Multer):路径上找不到图像,但该路径上存在
- etl - 创建工作流第一次插入然后更新
- objective-c - 切换进入和退出暗模式时,自定义 NSView 背景颜色不会改变
- windows - 辅助 TForm 可以在关闭时通知 MainForm 吗?