HTML组件内点击图片区块跳转仪表板状态失效问题求助

大家好，我最近在做仪表板的交互功能时遇到了个卡壳的问题：我用HTML Widget实现了一张带有可点击区块的图片，想要实现点击这些区块时跳转到另一个仪表板状态，但不管是用内置的导航到新仪表板状态动作，还是自己写的自定义动作代码，都完全没效果——点击区块根本没反应。

下面是我写的自定义动作代码，麻烦各位帮忙看看哪里可能出问题了：

var $injector = widgetContext.$scope.$injector;
$injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id)
.subscribe(function(data) {
    console.log(JSON.stringify(data))
    console.log(entityName);
    if (data.name.includes("Warehouse 1")) {
        openDashboardStates('device_details', data);
    }
});

function openDashboardStates(statedId, m) {
    var stateParams = widgetContext.stateController.getStateParams();
    var EID = m.id.id;
    var ENAME = m.name;
    var parID = { id: EID, entityType: "ENTITY_VIEW" };
    var preparam = { entityId: parID, entityName: ENAME, entityLabel: ENAME };
    var newparam = { selectedFreezer: preparam, targetEntityParamName: "selectedFreezer" };
    widgetContext.stateController.openState(statedId, newparam, false);
}

我自己排查了好一会儿，也试了两种触发方式，但就是没进展，有没有大佬能指点一下？比如代码里有没有逻辑错误，或者还有什么我没注意到的配置项需要检查？

内容来源于stack exchange