如何使用三元运算符在Manager2节点经理框中添加fa用户符号图标

AI 小北

2026-9-24

错误原因

模板字符串仅会解析${}包裹的动态逻辑，你之前将三元判断的主体写在了${}外部，所以会直接作为普通字符串输出，不会执行判断；同时原有代码还存在${data.title未闭合}的语法错误，也会导致解析异常。

修改后的代码（推荐精简写法）

var nodeTemplate = function(data) {
    return `
    <div class="title">
        ${data.title}
        ${data.tcount > 0 ? '<i class="fa fa-users symbol"></i>' : ''}
    </div>
    <div class="content">${data.name} </br>${data.MainRole}</br>${data.Country} </div>
    `;
}

逻辑说明

所有判断逻辑全部包裹在${}内部，模板字符串会自动执行条件判断
当data.tcount > 0成立时插入用户符号图标，不成立则输出空内容，不改动原有展示逻辑
无需重复编写整个title div结构，冗余度更低、易于维护

可选写法（完全匹配你原有思路）

如果你需要完全按照之前的思路切换整个div结构，可以用以下写法：

var nodeTemplate = function(data) {
    return `
    ${data.tcount > 0 ? 
        `<div class="title">${data.title}<i class="fa fa-users symbol"></i></div>` : 
        `<div class="title">${data.title}</div>`
    }
    <div class="content">${data.name} </br>${data.MainRole}</br>${data.Country} </div>
    `;
}