MVC Razor与javascript混编(js中嵌入razor)

Posted 山涧清泉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了MVC Razor与javascript混编(js中嵌入razor)相关的知识,希望对你有一定的参考价值。

其中的关键是输出js上的纯文本内容,让浏览器解析为其中的js代码

 

<script>
    BUI.use(‘common/main‘,function(){
        var config = [
        {
            id: ‘1‘,
            menu:
            [
         @{ 
             int ruiyalel = (int)Session["ruiyaLev"];
             int happyfamilylel = (int)Session["happyfamilyLev"];


             if (ruiyalel > 0) {
              <text>
              {
                  text: ‘瑞亚官网‘, items: [{ id: ‘3‘, text: ‘瑞亚新闻‘, href: ‘DBSystem/ruiya/News‘ }, ]
              },
              </text>
             }
             if (happyfamilylel > 0){
              <text>
              {
                  text: ‘全家乐‘, items: [{ id: ‘4‘, text: ‘新闻管理‘, href: ‘DBSystem/happyfamily/News‘ },
                                         { id: ‘5‘, text: ‘活动管理‘, href: ‘DBSystem/happyfamily/Activity‘ },
                                         { id: ‘6‘, text: ‘综合管理‘, href: ‘DBSystem/happyfamily/GeneralMes‘ }, ]
              },
              </text>
             }


         }            
            ]


        }];


        new PageUtil.MainPage({
            modulesConfig : config
        });


    });
    </script>

 

 

@:表示后面直接输出字符串

          <text></text>表示里面输出的是字符串

          两种方式可以任选一种,注意<text>不是html标签,他是razor语法中专门用来输出字符串的




































以上是关于MVC Razor与javascript混编(js中嵌入razor)的主要内容,如果未能解决你的问题,请参考以下文章

[Asp.Net Core]MVC开发&解读Razor混编

Asp.net mvc怎么在razor里写js代码

MVC Razor,包含来自另一个项目的 JS/CSS 文件

[Asp.Net Core]MVC_Razor布局

[Asp.Net Core]MVC_Razor布局

asp.net-mvc:js文件中的剃刀'@'符号