coffeescript - Можем ли мы использовать код coffeescript внутри папки просмотра ruby ​​на рельсах? - PullRequest
Новая
       11

coffeescript - Можем ли мы использовать код coffeescript внутри папки просмотра ruby ​​на рельсах?

0 голосов
/ 04 декабря 2018

Я хочу использовать CoffeeScript внутри моей папки представлений.Поскольку у меня есть частичный файл в моей папке представлений как _test.html.erb, который выглядит следующим образом: 

<canvas id="doughnutChart" width="250" height="250"></canvas>

<script type="text/javascript">
  var doughnut = document.getElementById("doughnutChart").getContext("2d");
  var dchart = new Chart(doughnut, {
      type: 'doughnut',
      data: {
      },
      options:{
      }
  });
</script>

Теперь я хочу иметь CoffeeScript здесь, как я могу это сделать.

Спасибовы

1 Ответ

0 голосов
/ 06 декабря 2018

Вы можете с помощью сценария cdn coffee cdn

Или вы можете посетить мою js fiddle Встроенный сценарий внутри html 

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8"/>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/coffee-script/1.7.1/coffee-script.min.js"></script>
        <title>CoffeScript on browser</title>
      </head>
      <body>
        <canvas id="myChart"></canvas>

        <script type="text/coffeescript">
          alert 'It works!'
          ctx = document.getElementById('myChart').getContext('2d')
          chart = new Chart(ctx,
            type: 'bar'
            data:
              labels: [
                'January'
                'February'
                'March'
                'April'
                'May'
                'June'
                'July'
              ]
              datasets: [ {
                label: 'My First dataset'
                backgroundColor: 'rgb(255, 99, 132)'
                borderColor: 'rgb(255, 99, 132)'
                data: [
                  0
                  10
                  5
                  2
                  20
                  30
                  45
                ]
              } ]
            options: {})
        </script>
      </body>
    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...