c# - cshtml 标签中的使用条件

Question

我尝试在我的 cshtml 页面中添加一个条件标签

<script type="text/javascript">
var isTrendClicked = false;
function trendChart() {
      $('.sparkline1').sparkline()
}

if ($("#chart-trend").click(function () {
   trendChart();
   isTrendClicked = true;
}));
</script>


<div>
            @if (isTrendClicked)
            { 
            <span class="inlinesparkline"></span>

            <span class="dynamicbar" ></span>
            }
            else { 
            <span class="sparkline1"></span>
            }
</div>

我收到一个错误:错误 CS0103:当前上下文中不存在名称“isTrendClicked”

我该如何解决这个问题？

谢谢:)

Answer 1

我想你想这样做。您在 C# 中错过了 Javascript 变量。

Razor 中的 C# 代码在服务器上执行，并且 html 被渲染回来。它不知道在 javascript 中设置的 isTrendClicked 是什么，当您在浏览器中运行它时会发生这种情况。到那时，c# 就已经死了，直到您进行服务器调用为止。

 <script type="text/javascript">
   $(function(){
    var isTrendClicked = false;
    $('.inlinesparkline , .dynamicbar').hide(); 

    function trendChart() {
          $('.sparkline1').sparkline()
    }

    $("#chart-trend").click(function () {
       trendChart();
       $('.sparkline1').hide();
       $('.inlinesparkline , .dynamicbar').show(); 
    });
   });
    </script>


    <div>
         <span class="inlinesparkline"></span>
         <span class="dynamicbar" ></span>
         <span class="sparkline1"></span>
    </div>