angular - angular-tree-component 的“treeNodeFullTemplate”的使用不清楚
问题描述
我正在尝试在我的应用程序中使用以完全自定义组件,但在复制此处#treeNodeFullTemplate
描述的新模板后,我似乎无法查看我的数据。
我的数据没有该name
属性,所以我想使用另一个属性显示每个节点的标签,但我失败了。
我尝试将这个新模板与之前的模板(#treeNodeTemplate
和#loadingTemplate
)结合起来,但似乎没有任何效果,并且现在阅读文档并没有真正帮助我。
如何告诉组件查找属性otherName
而不是name
?
我在stackblitz上做了一个例子。
解决方案
您需要将您的name
属性的选项设置为ohterName
. 阅读有关ITreeOptions
此处功能的更多信息:
import { TREE_ACTIONS, KEYS, IActionMapping, ITreeOptions } from 'angular-tree-component';
options: ITreeOptions = {
allowDrag: (node) => {
return true;
},
displayField: 'ohterName',
allowDrop: (node) => {
return true;
},
};
推荐阅读
- vue.js - 无法在 Vue 3 setup() 中监视函数
- sql - 使用 STUFF 函数只带入与表中的列匹配的值
- java - Ebean 查询似乎停止执行
- r - 按行号将数据框拆分为数据框列表
- c++ - 如何强制 SFINAE 选择结构的第二种定义?
- ruby-on-rails - 在父应用模型中注入 gem 的前置过滤器
- macports - 来自 MacPorts 的 Gnuradio Companion 3.8.2 未在 Catalina 中启动石英
- r - 如何在 purrr:map 函数中循环 lm 函数参数
- sql - 选择最近的时间戳行并从具有 Variant DataType 的列中获取值
- javascript - 使用先前存储在数据库中的凭据执行发送电子邮件的 API 端点。(使用 Gmail REST API)