javascript - ivh 树 - 禁用节点选择

Question

我是 ivh 树 ( https://github.com/iVantage/angular-ivh-treeview ) 和使用这个库的新手。我想根据用户权限禁用某些节点的选择

例如我有这样的树

$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] 的变量，它应该让用户选择或取消选择。如何做到这一点？

Answer 1

要实现此目的，您需要将一些逻辑放入自定义节点模板中。这是一个精简的示例，其中我引入了一个辅助指令，该指令仅检查 node 范围值并在需要时禁用其复选框。

http://jsbin.com/buqaxu/2/edit?html,js,output

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

您可以将类似的内容附加到模板中的 ivh-treeview-checkbox 指令中。请注意，node 是模板中受支持的范围变量。