Javascript 有条件地将CSS应用于Aurelia中的元素
我有一个项目数组,我想将style类应用于具有我的customname的元素 该样式不适用于任何元素。如何根据条件应用样式Javascript 有条件地将CSS应用于Aurelia中的元素,javascript,css,aurelia,Javascript,Css,Aurelia,我有一个项目数组,我想将style类应用于具有我的customname的元素 该样式不适用于任何元素。如何根据条件应用样式 var items =["one","two","three"]; <li repeat.for="item of items" class="${item == 'one'? 'someclass':''}">${item}</li> var项目=[“一”、“二”、“三”];
var items =["one","two","three"];
<li repeat.for="item of items" class="${item == 'one'? 'someclass':''}">${item}</li>
var项目=[“一”、“二”、“三”];
${item}
这里有一个例子:
app.html
${message}
-
${item}
生成的HTML:
app.js
导出类应用程序{
message='helloworld!';
项目=[“一”、“二”、“三”];
获取调试(){
返回此.ul.outerHTML;
}
}
这里有一个例子:
app.html
${message}
-
${item}
生成的HTML:
app.js
导出类应用程序{
message='helloworld!';
项目=[“一”、“二”、“三”];
获取调试(){
返回此.ul.outerHTML;
}
}
请注意,值3周围缺少双引号。用===来比较。不走运,本尼。!您使用的语法似乎是正确的,请尝试查找可能出错的其他内容?是否正确导入样式表?你拼写的类名正确吗?是的,一切都正确。我怀疑,,我们在迭代项时使用了条件检查,而在进行比较时,该值不可用。请尝试一些非常简单和愚蠢的方法:将条件替换为${true?'someclass':'}中和一些逻辑并检查条件是否是问题所在。请注意,在值3周围缺少双引号。用===来比较。不走运,本尼。!您使用的语法似乎是正确的,请尝试查找可能出错的其他内容?是否正确导入样式表?你拼写的类名正确吗?是的,一切都正确。我怀疑,,,我们在迭代项时使用条件检查,而在进行比较时,该值不可用。请尝试一些非常简单和愚蠢的方法:将该条件替换为${true?'someclass':'},以中和一些逻辑,并检查该条件是否是问题所在。