Question

我正在使用bootstrap进度条，我需要在dinamically中更改进度值，为此我必须在html标记代码中使用ruby变量，有些事情是这样的：

这是示例代码：

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="70"
  aria-valuemin="0" aria-valuemax="100" style="width:70%">
    70%
  </div>
</div>

这就是我想做的事情：

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow=<%= @progress %>
  aria-valuemin="0" aria-valuemax="100" style="width:<%= @progress %>">
    <%= @progress %>
  </div>
</div>

任何帮助将不胜感激，谢谢！

Answer 1

我认为你的html需要重写如下：你错过了一些引号和百分比符号。我假设@progress的值是一个数字，例如70，因此我只是用70替换了所需html中的<%= @progress %>的每个实例。模板代码。

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="<%= @progress %>"
  aria-valuemin="0" aria-valuemax="100" style="width:<%= @progress %>%">
    <%= @progress %>%
  </div>
</div>

Answer 2

你需要一个等号来渲染它：

"width:<%= @progress %>"

Answer 3

<%= @progress %> is "=" missing 
or use "width:<%= @progress %>px"

Answer 4

更改这些，

"aria-valuenow = <%= @progress%>" and
    style="width : #{@progress}"

如何在html标签内使用ruby

4 个答案: