为了账号安全,请及时绑定邮箱和手机立即绑定

ace.edit 在 mat-tab 中找不到 div #javascript-editor

ace.edit 在 mat-tab 中找不到 div #javascript-editor

眼眸繁星 2021-11-12 14:59:00
我正在尝试创建一个 ace 编辑器,该编辑器在角材料中使用时会引发错误ace.edit 找不到 div #javascript-editor我在这里有我的代码StackBlitz(检查控制台是否有错误)应用程序组件.html<mat-tab-group>  <mat-tab label="Editor">    <h4>Custom Editor</h4>    <div id="javascript-editor" style="height: 300px;"></div>  </mat-tab></mat-tab-group>app.component.tsimport { Component, OnInit } from '@angular/core';import * as ace from 'brace';import 'brace/mode/javascript';import 'brace/theme/monokai';@Component({  selector: 'my-app',  templateUrl: './app.component.html',  styleUrls: [ './app.component.css' ]})export class AppComponent implements OnInit {  ngOnInit() {    const editor = ace.edit('javascript-editor');    editor.getSession().setMode('ace/mode/javascript');    editor.setTheme('ace/theme/monokai');  }}
查看完整描述

1 回答

?
杨魅力

TA贡献1811条经验 获得超6个赞

当 javascript-editor 元素尚未创建时,您正在调用 ace.edit,请尝试从而ngAfterViewInit不是调用它ngOnInit


查看完整回答
反对 回复 2021-11-12
  • 1 回答
  • 0 关注
  • 385 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号