[英]Get string from html to coffeescript
我似乎无法从 html 传递字符串
<div class="download-by-date" data-hello="dd/mm/yy">
至 coffeescript:
$('.datepicker').datepicker({ dateFormat: $(this).data('hello') })
这是来自 slim 文件的代码
= render layout: 'shared/section', locals: { title: 'Export on Demand', description: "Use this section to export all orders within a particular date period or starting from a reference" } do
.download-by-date data-hello='dd/mm/yy'
.row
.column.medium-6
label
如何在我的 coffeescript 文件中正确读取 data-hello 属性? 我试图在 coffeescript 中得到这个:
$('.datepicker').datepicker({ dateFormat: "dd/mm/yy" })
您可以使用以下任何一种:
/*
#coffee script:
$('.download-by-date').on 'click', ->
$('.datepicker').datepicker { dateFormat: $(this).data 'hello' }
*/
//compiled javascript
$('.download-by-date').on('click', function() {
return $('.datepicker').datepicker({
dateFormat: $(this).data('hello')
});
});
或者
/*
#coffee script:
$('.download-by-date').on 'click', =>
format = $('.download-by-date').data "hello";
$('.datepicker').datepicker { dateFormat: format }
*/
//compiled javascript
$('.download-by-date').on('click', () => {
var format;
format = $('.download-by-date').data("hello");
return $('.datepicker').datepicker({
dateFormat: format
});
});
注意使用->
(细箭头)和=>
(粗箭头)之间的区别。 粗箭头在定义点将回调 function 绑定到this
的值。 你想在这里使用细箭头。
欲了解更多信息,请参阅:
绑定(粗箭头)函数
CoffeeScript,何时在箭头 (->) 上使用粗箭头 (=>),反之亦然
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.