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>
时间: 2024-10-10 15:51:58