欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

mvc 在视图razor里面写js代码

程序员文章站 2022-03-04 12:32:33
...

方法一:https://blog.csdn.net/orichisonic/article/details/62046621

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

<script type="text/javascript">

 @foreach (varitem inModel) {

    <text>

      varmarkerlatLng = newgoogle.maps.LatLng(@(Model.Latitude), @(Model.Longitude));
      vartitle = '@(Model.Title)';
      vardescription = '@(Model.Description)';
      varcontentString = '<h3>'+ title + '</h3>'+ '<p>'+ description + '</p>'
      varinfowindow = newgoogle.maps.InfoWindow({
          content: contentString
      });
      varmarker = newgoogle.maps.Marker({
          position: latLng,
          title: title,
          map: map,
          draggable:false
      });
      google.maps.event.addListener(marker,'click',function() {
          infowindow.open(map, marker);
      });
   </text>
      }

</script>

方法二: 使用@:

@foreach (var item in Model) {
@:addMarker(@item.Latitude, @item.Longitude, '@item.Title', '@item.Description');
}

 

相关标签: MVC JavaScript