2015-03-13 40 views
0

我嘗試在我的Rails項目中使用clndr.js,因此使用unslider-template。此模板包含「<%%>」 <%=%>」標籤,並引發錯誤,因爲模板變量是undefind如何在rails視圖文件中爲模板轉義erb標籤?

我如何能防止導軌execure的任何想法。‘<%%>’ - 標籤?

這是我的看法的代碼:

<div id="mini-clndr"></div> 


<script id="calendar-template" type="text/template"> 
    <div class="controls"> 
    <div class="clndr-previous-button">&lsaquo;</div><div class="month"><%%= month %></div><div class="clndr-next-button">&rsaquo;</div> 
    </div> 

    <div class="days-container"> 
    <div class="days"> 
     <div class="headers"> 
     <% _.each(daysOfTheWeek, function(day) { %><div class="day-header"><%%= day %></div><% }); %> 
     </div> 
     <% _.each(days, function(day) { %><div class="<%= day.classes %>" id="<%= day.id %>"><%%= day.day %></div><% }); %> 
    </div> 
    </div> 
</script> 




    <% content_for(:scripts) do %> 
<script type="text/javascript"> 

     var currentMonth = moment().format('YYYY-MM'); 
    var nextMonth = moment().add('month', 1).format('YYYY-MM'); 
    var events = [ 
    { date: currentMonth + '-' + '10', title: 'Persian Kitten Auction', location: 'Center for Beautiful Cats' }, 
    { date: currentMonth + '-' + '19', title: 'Cat Frisbee', location: 'Jefferson Park' }, 
    { date: currentMonth + '-' + '23', title: 'Kitten Demonstration', location: 'Center for Beautiful Cats' }, 
    { date: nextMonth + '-' + '07', title: 'Small Cat Photo Session', location: 'Center for Cat Photography' } 
    ]; 

$('#mini-clndr').clndr({ 
    template: $('#calendar-template').html(), 
    events: events, 
    clickEvents: { 
     click: function(target) { 
     if(target.events.length) { 
      var daysContainer = $('#mini-clndr').find('.days-container'); 
      daysContainer.toggleClass('show-events', true); 
      $('#mini-clndr').find('.x-button').click(function() { 
      daysContainer.toggleClass('show-events', false); 
      }); 
     } 
     } 
    }, 
    adjacentDaysChangeMonth: true 
    }); 

</script> 
<% end %> 

回答

0

一個最好的方法是將ERB以HAML 在Gemfile中添加gem 'haml'和捆綁安裝 添加您的ERB代碼http://htmltohaml.com/。 0並將轉換後的haml代碼複製到您的文件中,並將其重命名爲yourfilename.html.haml。

它的工作原理..

3

使用<%%= your-ruby-code %>。請注意,開始時雙重%%,但不在標籤的末尾。

相關問題