角度树中的多重选择

Question

我正在尝试覆盖shift+click以选择树中的多个节点。我的操作方法与教程中的相同。

import { ITreeOptions, TreeNode,TREE_ACTIONS,KEYS,IActionMapping} from 'angular-tree-component';
actionMapping: IActionMapping = {
    mouse: {
      click: (tree, node, $event) => {
        $event.shiftKey
          ? TREE_ACTIONS.TOGGLE_SELECTED_MULTI(tree, node, $event)
          : TREE_ACTIONS.TOGGLE_SELECTED(tree, node, $event)
      }
    }
  };
@ViewChild('tree') tree: any;
 treeOptions: ITreeOptions = {
    actionMapping:this.actionMapping,
    getChildren: this.getChildren.bind(this),
    useVirtualScroll: true,
    nodeHeight: 22
 };
<tree-root #tree [nodes]="nodes" [focused]="true" [options]="treeOptions" (updateData)="treeUpdate()" (moveNode)="onMoveNode($event)">
...
</tree-root>

但不起作用，TREE_ACTIONS上不存在属性“”TOGGLE_SELECTED_MULTI“”。“”

Answer 1

const actionMapping:IActionMapping = {
  mouse: {
    click: TREE_ACTIONS.TOGGLE_ACTIVE_MULTI
  }
};

public options = { 
    actionMapping
  };

和类似HTML的

<tree-root [nodes]="nodes" [options]="options"></tree-root>