javascript - Razor 中的条件编译已关闭？

Question

我有一个 c# foreach 循环，它正在输出一些 javascript 来初始化我的 razor View 上的一些进度条。

@foreach (var item3 in Model)
{
    @:$("#campaignMeter-@item3.ID").wijprogressbar({ value: @((item3.TotalRedeemed / item3.TotalSold) * 100), fillDirection: "east" });

}

我遇到的问题是 visual studio 在 foreach 循环中报告“条件编译已关闭”，尽管 TotalRedeemed 和 TotalSold 具有值，但对值的小计算始终为 0。我是否正确使用了 @: 运算符？感谢您的帮助。

到目前为止，我已经尝试了这两个建议，这就是我目前拥有的:

 @foreach (var item3 in Model)
 {

     var percentage = (item3.TotalRedeemed / item3.TotalSold) * 100;

     <text>$("#campaignMeter-@item3.ID").wijprogressbar({ value: @percentage, fillDirection: "east" });</text>

 }

百分比显示为 0，但 TotalRedeemed 和 TotalSold 有值，因为它们在调用之前打印在 View 上。有没有办法在我的 View 上设置断点以查看打印前的百分比？

Answer 1

Timmi4sa - 我同意，关于为什么我们会收到此错误，没有太多答案。我终于更接近于理解这一切，所以我想我会分享。

条件编译是这样定义我的 MS 的:

Conditional compilation enables JScript to use new language features without sacrificing compatibility with older versions that do not support the features. Some typical uses for conditional compilation include using new features in JScript, embedding debugging support into a script, and tracing code execution.

据我所知，我们实际上是在谈论 VS 的一个特性。我目前的猜测是:VS 让你调试 JS，但它必须知道 JS 是什么才能调试它。默认情况下，条件编译是关闭的——我猜这会涉及一些额外的开销。当我们在 JS 中使用 @Model... 时，我们正在做的正是警告所指出的(或多或少)——创建条件 JS。根据我们的 C#/VB 变量的值，JS 最终会变成不同的东西。

根据 MS 的说法，解决方案是如上所述通过以下语句打开条件编译:

/*@cc_on @*/

虽然我有点直率并且更喜欢避免警告，但我可能只是简单地忽略了警告(除非有人可以进一步教育我为什么这是一个坏主意)。

如果您确实希望错误消失并且不喜欢条件编译标志，您可以将 C#/VB 代码调用用双引号引起来，如下所示。但这感觉肮脏并且仅在 JS 是松散类型的情况下才有效......(无论如何对于数字类型，字符串应该没有问题......无论如何，这感觉很糟糕)

"@Model.Items.Count()"

编辑:我去做了更多的研究......在浏览了这篇文章后，我更不喜欢 CC 的想法了:http://www.javascriptkit.com/javatutors/conditionalcompile.shtml .我想我会忽略这个警告。

我希望这有助于解开一些的谜团。

编辑:

另一种选择是在表单上放置一个 HiddenFor，给它一个 Id，然后从该字段填充一个 JS 变量(jQuery 使这很容易)。这就是我暂时所做的。它消除了警告，我经常想将 JS 变量与原始 VMC 字段进行比较。对于那些需要它的人:

@* Somewhere in your form - assuming a strongly typed view *@
@Html.HiddenFor(x => x.YourField, new { id = "SomethingMeaningful" })

// and then in your JS
$(document).ready(function(){
  ...
  var jsYourField = $("#SomethingMeaningful").val();
  ...
});

请注意，JS 变量和 MVC 变量并不总是完全正确地“排列”，因此当您将变量值复制到 JS 中时，您可能需要进行一些强制转换或其他工作。