@section Scripts{}的使用
MVC视图中,Javascripts代码被放于下面的Razor代码中(@section Scripts{})。
好处:在视图进行JavaScript编程时,是一个很好的实践,在共享视图(_Layout.cshtml),存在节点(@RenderSection("scripts", required: false))中,
在视图执行时,Razor引擎会将Javascripts代码抽调出来,然后在执行的时候,再将这些代码放置在这个地方。
控制器下的代码如下:
The name is <span data-bind="text: Name"></span>
@section Scripts{
<script>
function ViewModel() {
this.Name = "";
}
var viewModel = new ViewModel();
ko.applyBindings(viewModel);
</script>
}
布局视图_layout.cshtml代码如下:
<body>
<div class="container body-content">
@RenderBody()
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
<script src="~/Scripts/knockout-3.4.0.js"></script>
@RenderSection("scripts", required: false)
</body>
</html>