中的Javascript代码<script> element within VB Razor

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元素对此进行了尝试，如下所述： 在JavaScript中使用Razor

@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>块了。

该页面是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可以具有此答案中所述的XML，所以纯<text>将被解释为VB代码，而不是剃刀。 因此，在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

这很好。