VB Razor 中 <script> 元素中的 Javascript 代码

Question

我试图在 Razor 条件的视图中包含一些 JS，但它一直试图将我的 JS 解释为 VB：

@If includeMoreJs Then
    @<script type="text/javascript" src="/some-js-file.js"></script>
    <script type="text/javascript" src="/some-other-js-file.js"></script>
    <script type="text/javascript">
        function someFunction(p) {
            if (p) foo();
            else bar();
        }
    </script>
End If

我也尝试过使用<text> psuedo 元素，如下所述：Using Razor within JavaScript

@If includeMoreJs Then
    <text>
    <script type="text/javascript" src="/some-js-file.js"></script>
    <script type="text/javascript" src="/some-other-js-file.js"></script>
    <script type="text/javascript">
        function someFunction(p) {
            if (p) foo();
            else bar();
        }
    </script>
    </text>
End If

但仍然没有运气......我怎样才能让 VB 不理会我的 JS？

Answer 1

好吧，我已经强迫自己创建了我的第一个 .vbhtml 文件，然后在谷歌上搜索，你已经接近了 <text> 块。

This page 是一个很好的 VB Razor 语法资源。

有两种方法可以解决这个问题，具体取决于您的 @If 中有多少 html：

选项 1：@:

每一行都需要这个，所以通常你只会在你的If只有一行的时候使用它：

@If includeMoreJs Then
    @:<script type="text/javascript" src="/some-js-file.js"></script>
    @:<script type="text/javascript" src="/some-other-js-file.js"></script>
    @:<script type="text/javascript">
    @:    function someFunction(p) {
    @:        if (p) foo();
    @:        else bar();
    @:
    @:</script>
End If

..非常漂亮

选项 2：@<text>

因为 VB 可以具有this answer 中所述的 XML，所以普通的 <text> 将被解释为 VB 代码，而不是 razor。所以在VB中，与C#相比，你需要使用@<text>来拥有一块HTML：

@If includeMoreJs Then
    @<text>
    <script type="text/javascript" src="/some-js-file.js"></script>
    <script type="text/javascript" src="/some-other-js-file.js"></script>
    <script type="text/javascript">
        function someFunction(p) {
            if (p) foo();
            else bar();
        }
    </script>
    </text>
End If

这很好解析。