zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    软件工程概论-用户登录界面
    2016.11.25异常处理
    2016.11.18多态
    2016.11.11继承与接口
    11.6数组
    10.28字符串加密等
    python 读写文件
    python可变的类型、不可变的类型
    python 字典练习 记录学生是否交作业的小程序
    python字典
  • 原文地址:https://www.cnblogs.com/sjqq/p/9187644.html
Copyright © 2011-2022 走看看