Widget中ng-if指令的异常表现及原因咨询

1. ng-if表达式引号导致失效的原因 #

AngularJS的ng-if指令使用标准JavaScript表达式执行判断，类型匹配规则是核心问题：

• 第一个表达式data.closedReopenPeriod==true正常生效，说明服务端传递的data.closedReopenPeriod是布尔类型的true/false。直接和布尔值true比较时类型一致，判断逻辑正确；如果给true加单引号改为=='true'，布尔值与字符串比较会触发类型转换：布尔true转为数字1，字符串'true'转为NaN，1 == NaN结果为false，导致ng-if失效。
• 第二个表达式data.canEscalate=='true'正常生效，说明服务端传递的data.canEscalate是字符串类型的"true"/"false"。与字符串'true'比较时完全匹配，判断逻辑正确；如果去掉单引号改为==true，字符串与布尔值比较时，布尔true转为数字1，字符串"true"转为NaN，NaN == 1结果为false，导致ng-if失效。

你提到服务端初始都设为false，但实际赋值时类型大概率不一致：比如第一个是data.closedReopenPeriod = false;（布尔类型），第二个是data.canEscalate = "false";（字符串类型），或者后续逻辑中被转换成了不同类型。

2. 服务端脚本中data变量的填充逻辑 #

在ServiceNow Widget的服务端脚本中：

• data是平台预定义的空对象，你可以直接通过.语法给它添加属性，例如data.closedReopenPeriod = false;，也可以从表查询、API调用等渠道获取值赋值给它的属性。
• 服务端脚本执行完成后，data对象会被序列化为JSON格式传递到客户端，客户端的AngularJS控制器就能直接访问data上的所有属性。
• 第一个变量closedReopenPeriod肯定已经在服务端脚本中被赋值给data对象了，否则客户端的ng-if表达式会获取到undefined，undefined == true结果为false，对应元素根本不会显示。

内容的提问来源于stack exchange，提问作者Spike