是否可以将Razor文件中的模型扩展为单独的Javascript文件？

Question

我有一个Razor cshtml文件，该文件引用了服务器端MyModel和客户端javascript文件，在其中我希望保留所有JavaScript功能：

foo.cshtml

@model BunnyModel
@section scripts {
    <script type="text/javascript" src="foo.js"></script>
}

foo.js

function doStuff() {
    $("#blah").text("Bunnies: " + @Model.BunnieCollection.Count);
}

当然，VS2015在foo.js文件中无法识别我的BunnyModel。

我可以向Visual Studio提供某种提示，以便在.js文件中提供Model intellisense吗？

Answer 1

您可以将js放入cshtml中：

@model BunnyModel
@section scripts {
    <script type="text/javascript">
        function doStuff() {
            $("#blah").text("Bunnies: " + @Model.BunnieCollection.Count);
        }
    </script>
}

...或将变量放在范围中，并在外部函数中引用它：

cshtml

@model BunnyModel
@section scripts {
    <script type="text/javascript">
        var bunnieCount = @Model.BunnieCollection.Count
    </script>
    <script type="text/javascript" src="foo.js"></script>
}

foo.js

function doStuff() {
    $("#blah").text("Bunnies: " + bunnieCount);
}