创建新模型时，在 Angular 中使用 Jointjs 创建默认链接 new joint.shapes.devs.Model

如何解决创建新模型时，在 Angular 中使用 Jointjs 创建默认链接 new joint.shapes.devs.Model

我正在尝试设计一个 GUI 来模拟能源系统模型。同时使用新的joint.shapes.devs.Model创建不同的形状，如存储节点等。当我连接它们时，有一个黑色的默认链接。我想根据端口名称将该链接更改为带有标签的不同颜色。

来源(a){

var m4 = new joint.shapes.devs.Model({
    position: { x: 50,y: 50 },size: { width:80,height: 80 },inPorts:[a.firstname],outPorts: [a.lastname],ports: {
        groups: {
            'Career in 1':{
                attrs: {
                    '.port-body': {
                        fill: 'white'
                    }
                }

            },'Career out 1': {
                attrs: {
                    '.port-body': {
                        fill: 'white'
                    }
                }
            }
        }
    },attrs: {
        '.label': { text: a.email,'ref-x': .5,'ref-y': .2 },rect: { fill: a.message },}
});