css - 如何将 css 应用于 ivh-treeview 中的特定选定子项？

Question

<div class="box-body">
    <div ivh-treeview="dTree"
         ivh-treeview-id-attribute="'uic'"
         ivh-treeview-use-checkboxes="false"
         ivh-treeview-on-click="my_tree_handler(ivhNode)">
    </div>
</div>

Controller 类中的函数:

$scope.my_tree_handler = function (branch) {
    branch.style.color = "red"; // "branch" is an object by the way
};

我想将 CSS 样式功能应用于特定的选定元素，但我不知道该怎么做。这个插件“ivh-treeview”的文档不是很有帮助

Answer 1

欢迎来到 Stack Overflow!

如果您向我们介绍您尝试过的内容或特别是 ivh-treeview 文档不清楚的地方，那将非常有帮助。作为元素维护者之一，我很想知道我们的文档在哪里不足 :)。

你看过templates and skins了吗？文档部分？该指令支持一组默认的类名，您可以使用它们来设置树的样式。如果这还不够，就像您的情况一样，您可以提供自己的节点模板供指令使用。有许多示例演示了如何使用自定义模板来创建或多或少的任意 TreeView 。

Here's an example其中自定义模板用于将不同的样式应用于选定节点和未选定节点。在这种情况下，我们正在做一些有趣的 ascii 复选框，但总体思路是相同的:观察一些节点属性以影响节点表示。