Question

我正在构建一个asp.net mvc应用程序。我使用星星在页面上显示资源的评级。根据平均等级，应显示相应的星数。

我写了以下代码：

<span class="glyphicon glyphicon-star"></span> // displays 1 star
<span class="glyphicon glyphicon-star-empty"></span> // display 1 empty star

// Displays the average ratings float value
@foreach(var resource in ViewBag.Resources)
{
  <p>@resource.Ratings</p>
}

我想要显示这样的东西

@foreach(var resource in ViewBag.Resources)
{
  @resource.Ratings * <span class="glyphicon glyphicon-star" /> (1-@resource.Ratings) * <span class="glyphicon glyphicon-star-empty" />
}

如何做到这一点？感谢

Answer 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Chart</title>
    <link rel="stylesheet" href="sketch.css" />
</head>
<body>
    <div id="tooltip" class="hidden">
        <p><span id="value">100</span></p>
    </div>
    <script src="sketch.js"></script>
</body>
</html>

Answer 2

使用JavaScript库以高效的方式显示星星和良好的用户界面，您有很多选择 Five stars rating bootstrap-star-rating

如何根据ASP.NET MVC中html视图中的等级显示星星？

2 个答案: