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

我试图在Razor里写JS代码,但是不行

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
< script type = "text/javascript" >
  
//some javascrpt code here to display map etc
  
  
//now add markers
  @foreach (var item in Model) {
  
       var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude));
       var title = '@(Model.Title)';
       var description = '@(Model.Description)';
       var contentString = '< h3 >' + title + '</ h3 >' + '< p >' + description + '</ p >'
  
       var infowindow = new google.maps.InfoWindow({
           content: contentString
       });
  
       var marker = new google.maps.Marker({
           position: latLng,
           title: title,
           map: map,
           draggable: false
       });
  
       google.maps.event.addListener(marker, 'click', function () {
           infowindow.open(map, marker);
       });
  
  
       }
</ script >

 

解决方法 1:

使用<text>这个伪元素来强制Razor从编译模式返回到内容模式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script type= "text/javascript" >
  
//some javascrpt code here to display map etc
  
  
//now add markers
  @foreach ( var item in Model) {
     <text>
       var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude));
       var title = '@(Model.Title)' ;
       var description = '@(Model.Description)' ;
       var contentString = '<h3>' + title + '</h3>' + '<p>' + description + '</p>'
  
       var infowindow = new google.maps.InfoWindow({
           content: contentString
       });
  
       var marker = new google.maps.Marker({
           position: latLng,
           title: title,
           map: map,
           draggable: false
       });
  
       google.maps.event.addListener(marker, 'click' , function () {
           infowindow.open(map, marker);
       });
  
    </text>
       }
</script>

 

转载于:https://www.cnblogs.com/shirly1981/p/5732683.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值