如何在jsPanel Angular2中将组件作为内容加载

npm install jspanel-angular2

import { Component } from '@angular/core';
import { jsPanel } from 'jspanel-angular2';

loadComponentAsPanelContent() {
  // 创建一个新的jsPanel
  const panel = jsPanel.create({
    contentSize: '500 300',
    theme: 'default',
    headerTitle: 'My Panel',
    content: '<my-component></my-component>', // 这里是要加载的组件
    callback: () => {
      // jsPanel创建完成后的回调函数
      console.log('Panel created!');
    }
  });

  // 将组件加载到jsPanel中
  const componentRef = panel.contentRef;
  const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyComponent); // 这里是要加载的组件
  const component = componentRef.createComponent(componentFactory);
}

<button (click)="loadComponentAsPanelContent()">Load Component as Panel Content</button>