@Component({
selector: 'ej-app',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css'],
encapsulation: ViewEncapsulation.None
})
export class HomeComponent {
selectedItems: object;
constructor() {
let self = this;
let AddConnectionTool = (function (base) {
ej.datavisualization.Diagram.extend(AddConnectionTool, base); //extend on does not accept two arguments on typing
function AddConnectionTool(name) {
base.call(this, name);
}
AddConnectionTool.prototype.mouseup = function(e) {
console.log("UserHandle Clicked");
};
return AddConnectionTool;
})(ej.datavisualization.Diagram.ToolBase); //ToolBase does not exist on typing
let userHandles = [];
let addConnectionHandle = ej.datavisualization.Diagram.UserHandle(); // UserHandle() does not exist on typing
addConnectionHandle.name = "Add Connection";
addConnectionHandle.tool = new AddConnectionTool(addConnectionHandle.name);
userHandles.push(addConnectionHandle);
this.selectedItems = { userHandles: userHandles };
}
}
You should also update the userHandle example here: https://help.syncfusion.com/angular-2/diagram/interaction#user-handles
rather than syncApp.controller(....) which you dont even give context for how to make anyway,
