你如何在Ruby on Rails中编写一个内联的条件三元运算符？

Question

我试图比较2个值，并在条件成立时更改一个颜色。 但我也有一个搜索栏，当我使用Rails将其包含在我的javascript函数中的<％if％>语句中时，我无法访问标记值。

我最初的代码是这样的

 <% if track.user.username == current_user.username%>
   <td class="track_table_current_user">
     <span><%= track.user.username %></span>
   </td>
 <% else %>
   <td class="td-userName"> 
     <span class="track_table_user_name"><%= track.user.username %> </span>
   </td>
 <% end %> 

我现在的三元：

<td class="track_table_user_name <% track.user.username == current_user.username ? "this_current_user" : "other_user" %>">
    <%= track.user.username %>
</td>

如果我使用<％if％> <％else％>，则无法访问值的搜索功能：

function trackTableSearch() {
  var input, filter, table, tr, td, i, txtValue;
  input = document.getElementById("trackTableInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("tracksTable");
  tr = table.getElementsByTagName("tr");
  for (i = 0; i < tr.length; i++) {
    tdN  = tr[i].getElementsByClassName("td-trackName")[0];
    tdU = tr[i].getElementsByClassName("track_table_user_name")[0];
    tdR = tr[i].getElementsByClassName("td-trackApproved")[0];
    tdP = tr[i].getElementsByClassName("td-public")[0];
    if ((tdN) || (tdU) || (tdR) || (tdP)) {
      txtValueN  = tdN.textContent  || tdN.innerText;
      txtValueU  = tdU.textContent  || tdU.innerText;
      txtValueA  = tdR.textContent  || tdR.innerText;
      txtValueP  = tdP.textContent  || tdP.innerText;

      if (txtValueN.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      }else if (txtValueU.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else if (txtValueA.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      }else if (txtValueP.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      }else{
        tr[i].style.display = "none";
      }
    }
  }

Answer 1

你可能想做类似的事情：

<td class="<%= track.user.username == current_user.username ? "track_table_current_user" : "td-userName" %>">
    <%= track.user.username %>
</td>

请参阅此答案以了解如何使用三元运算符，它在每种语言中的工作方式大致相同。

Answer 2

我不会在这里使用三元运算符，因为它使您的模板代码更难以阅读。 相反，我会做一个if-else语句。 三元运算符非常适用于非常短的if-else语句，但特别是在渲染代码中，我们希望减少所有可能的逻辑，并且当它不可能时，我们希望它尽可能容易解析。

这更容易解析：

<% if track.user.username == current_user.username %>
  <td class="track_table_user_name <%= this_current_user %>>
<% else %>
  <td class="track_table_user_name <%= other_user %>>
...

我甚至会在控制器中创建@rendered_username变量，因此您不必执行任何此逻辑。

Answer 3

我想通了......我不想承认这一点，但我忘记了'='符号......为什么！？！？！

<td class="track_table_user_name \
    <% ***(right here)*** track.user.username == current_user.username ? "this_current_user" : "other_user" %>">
     <%= track.user.username %>
    </td>

感谢大家的帮助和.inspect，并在控制器中添加一个变量。

我的工作决赛：

<td class="track_table_user_name <%= (track.user.username == current_user.username) ? "this_current_user" : "other_user" %>"><%= track.user.username %></td>