Javascript ivh树-禁用节点以进行选择

Javascript ivh树-禁用节点以进行选择,javascript,angularjs,tree,treeview,jstree,Javascript,Angularjs,Tree,Treeview,Jstree,我不熟悉ivh tree()并使用这个库。我想根据用户权限禁用某些节点进行选择 例如,我有一棵这样的树 $scope.bag = [{ label: 'Glasses', value: 'glasses', entitled: false, children: [{ label: 'Top Hat', value: 'top_hat',

我不熟悉ivh tree()并使用这个库。我想根据用户权限禁用某些节点进行选择

例如,我有一棵这样的树

$scope.bag = [{
            label: 'Glasses',
            value: 'glasses',
            entitled: false,
            children: [{
                label: 'Top Hat',
                value: 'top_hat',
                entitled: true
            }, {
                label: 'Curly Mustache',
                value: 'mustachio',
                entitled: false
            }]
        }];
};

所以基于名为:[boolean]的变量,它应该允许用户选择或取消选择。如何做到这一点?

要做到这一点,您需要在自定义节点模板中加入一些逻辑。下面是一个简单的示例,我引入了一个helper指令,它只检查
节点
范围值,并在需要时禁用其复选框


您可以在模板中的
ivh treeview复选框
指令中附加类似的内容。请注意,
node
是模板中受支持的范围变量。

要实现这一点,您需要在自定义节点模板中加入一些逻辑。下面是一个简单的示例,我引入了一个helper指令,它只检查
节点
范围值,并在需要时禁用其复选框

您可以在模板中的
ivh treeview复选框
指令中附加类似的内容。请注意,
节点
是模板中受支持的范围变量

app.directive('isCbEnabled', function() {
  return {
    link: function(scope, element, attrs) {
      if(scope.node.disabled) {
        element.find('input').attr('disabled', true);
      }
    }
  };
});