Javascript 有条件地将CSS应用于Aurelia中的元素

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项目=[“一”、“二”、“三”];

我有一个项目数组,我想将style类应用于具有我的customname的元素

该样式不适用于任何元素。如何根据条件应用样式

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':'},以中和一些逻辑,并检查该条件是否是问题所在。