如何在视觉条件下使用角度变量

Question

我的html页面中有角度变量。当我使用{{myVar}}时，它会显示数据。我需要在下面的条件下使用这个变量：

<ul class="${ dropdownList.index == {{myVar}} ? '' :  display_none'}">

我在使用{{myVar}}或myVar时遇到错误请帮忙。

Answer 1

HTL / Sightly是服务器端模板系统，无法评估客户端（Angular）变量。

Answer 2

您正在混合在两个完全不同的环境中运行的两种完全不同的模板语言。明亮 - ＆gt;后端脚本语言，AngularJS - ＆gt;前端脚本语言。因此，使用Sightly来渲染你的AngularJS模板，而不是更改数据，相反，只要页面加载，就可以使用AngularJS获取动态数据，具体取决于客户端上下文。因此，如果您需要动态评估某个表达式（而不是在页面是服务器端呈现时），您应该在AngularJS中合理地编写此逻辑。您可以查看this answer以查找您要查找的内容。另外，如果您不想提供AngularJS模板，只需根据需要进行下拉，只需将{{myvar}}替换为包含该数据的服务器端变量即可。

Answer 3

<ul ng-class="{ dropdownList.index == {{myVar}} ? '' :  display_none'}">

这对你有用。