找回密码
 会员注册
查看: 115|回复: 0

ASP.NET-Razor-注解 @section Scripts{}的使用

[复制链接]

1389

主题

5

回帖

496万

积分

管理员

积分
4962990
发表于 2024-2-29 08:07:35 | 显示全部楼层 |阅读模式

@section Scripts{}的使用

MVC视图中,Javascripts代码被放于下面的Razor代码中(@section Scripts{})。

好处:在视图进行JavaScript编程时,是一个很好的实践,在共享视图(_Layout.cshtml),存在节点(@RenderSection("scripts", required: false))中,

在视图执行时,Razor引擎会将Javascripts代码抽调出来,然后在执行的时候,再将这些代码放置在这个地方。

控制器下的代码如下:

 

  1. The name is <span data-bind="text: Name"></span>
  2. @section Scripts{
  3. <script>
  4. function ViewModel() {
  5. this.Name = "";
  6. }
  7. var viewModel = new ViewModel();
  8. ko.applyBindings(viewModel);
  9. </script>
  10. }
复制代码

 

布局视图_layout.cshtml代码如下:

 

  1. <body>
  2. <div class="container body-content">
  3. @RenderBody()
  4. </div>
  5. @Scripts.Render("~/bundles/jquery")
  6. @Scripts.Render("~/bundles/bootstrap")
  7. <script src="~/Scripts/knockout-3.4.0.js"></script>
  8. @RenderSection("scripts", required: false)
  9. </body>
  10. </html>
复制代码

 


来源:https://blog.csdn.net/cxu123321/article/details/90747971
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

QQ|手机版|心飞设计-版权所有:微度网络信息技术服务中心 ( 鲁ICP备17032091号-12 )|网站地图

GMT+8, 2024-12-26 12:27 , Processed in 2.627631 second(s), 26 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表