Question

我陷入了一个问题，无法找到解释这一问题的资源。抱歉，这很明显，但我是炭烬新手。

我希望能够为表写一个if if equals条件。

示例：

if (data === 'r') {
     change table row to red
else 
    change table row to blue
}

我一直在尝试使用以下代码：

<table class="attr1 {{#if (eq data 'r')}} red {{else}} blue {{/if}}">
</table>

感谢您的帮助。

Answer 1

要切换类，请使用if把手。 Docs for Reference

{{if <property> <if true, inserts class1> <if false, inserts class2}}

application.hbs

<table class='{{if usered "red" "blue"}}'>
    <tr><td>A</td></tr>
    <tr><td>B</td></tr>
    <tr><td>C</td></tr>
</table>

application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  usered: false,
  actions:{
        changeColor : function(){
            this.toggleProperty("usered");
      }
  }
});

app.css

.red
{
  color:red;
}
.blue
{
  color: blue;
}

table, tr, td
{
  border:1px solid black;
}

Refer this Ember Twiddle。

如何在ember中为类属性编写CSS条件？

1 个答案: