标签: coffeescript

这就是我所做的，在开发中工作，在生产中失败。

javascript:
  #{ raw render 'my_partial.js' }

我的部分叫做my_partial.js.coffee.

这也适用于开发：

javascript:
  #{ raw render 'my_partial.js', handlers: [:coffee]}

还有其他方法吗，比如：

coffee:
  #{ render 'my_partial' }

我的意思是，在纤薄的模板中包含咖啡部分的最短形式是什么？以及为什么第一种方法在生产中失败，说：

ActionView::Template::Error (Missing partial my_partial 
with {:locale=>[:en], :formats=>[:js], :handlers=>[:erb, :builder, :slim]}

我需要在主干视图内的窗口对象上绑定事件，当导航到其他主干视图时，我想取消绑定窗口事件。有没有什么有效的方法可以在主干中做到这一点？

例子：

class Example.Views.EntriesList extends Backbone.View

  initialize: ->

    $(window).unbind('scroll').on 'scroll', _.bind(@scroll, this)

上面的代码非常适合这个视图，但是当导航到不同的主干视图时，滚动绑定仍然存在。我想在视图更改时删除绑定到窗口的所有事件。

我想帮助用户在电子邮件输入中错误地输入无效字符（服务器端验证/清理前）

注意：我不在前端验证电子邮件，只是清理

// Coffeescript
$(Element).find('input[type="email"]').on 'change keyup', (event) ->
    I = $(this)
    V = I.val()
    I.val(V.replace( [what goes here?] , ''))

我想删除空格和非法字符。

我的正则表达式模式是什么？

我想template动态加载 VueJS 组件。我想使用 jQuery 进行 AJAX 调用，服务器返回的任何内容都应该是templateVueJS 组件的。这是代码的简化版本，删除了 AJAX 调用，因为它与数据来自何处无关：

BoardFeed = Vue.extend
    template: '<div>This should be replaced</div>'
    data: ->
            return items: null
    created: ->
        @template = "<div>Template returned from server, what I really want</div>"

在上面的示例中，我使用了创建的钩子，我认为该钩子适合于此，但新模板永远不会呈现，只会呈现旧模板。

有可能实现这一目标吗？

我正在尝试编写一段代码，为单击链接时添加的一些动态元素设置 CSS。

根据 CoffeeScript 教程中的示例代码，它应该使用以下代码。

temp = temp+1
$ '.box_'+temp
.css 'background', 'white'

这temp是一个可变整数。我尝试使用静态值，例如

$ '.box_1'
.css 'background', 'white'

但它返回类似这样的内容，其中 .css 不是函数错误

$('.box_1'.css('left', 100));

我一直在努力寻找解决这个问题的方法：

我在我的网站上使用 Angular.js。

我使用 CoffeeScript 在 Visual Studios 2012 中编写 JavaScript。当我保存 CoffeeScript 时，JavaScript 文件的缩小版本和未缩小版本都会被保存。

在我的网页上使用 JavaScript 文件的任何缩小版本时，我不断收到此错误：

错误: $injector:unpr\n未知提供程序\n未知提供程序: nProvider <- n\n此错误是由于 $injector 无法解析所需的依赖项而导致的。要解决此问题，请确保依赖项的定义和拼写正确。例如：

如果我不\xe2\x80\x99t 使用缩小版本，一切正常。

以下是我如何使用 Angular 在每个 JavaScript 文件中声明我的应用程序

(function() {\n  var myApp;\n\n  myApp = angular.module("myApp", [\'uploaddirective\']);\n\n  myApp.controller("videoController", function($scope, $http, $compile) {\n

谁能帮我解决这个问题？

我能够让 select2-rails 在大部分情况下工作，但是当我单击搜索栏时，我得到以下信息：

我正在使用以下 CoffeeScript：

    $('#query').select2({
            placeholder: placeholder_text
            minimumInputLength: 2
            ajax:
                    url: end_point
                    tags: "false",
                    dataType: 'json',
                    delay: 200,
                    cache: true,
                    data: (params) ->
                            return { search: params.term.toUpperCase() }
                    processResults: (data, params) ->
                            return { results: data }
            theme: "bootstrap"
    })

以及以下 HTML：

<div class="col-md-6 text-right">
   <form>
      <%= select_tag "search", {}, id: "query" %>
    </form>
</div>

应用程序.css

 *= require select2                                                                                 
 *= require select2-bootstrap                                                                       
 *= require_tree .                                                                                  
 *= require_self 

应用程序.js

//= require jquery                                                                                  
//= require jquery.turbolinks                                                                       
//= require jquery_ujs                                                                              
//= require …

鉴于这种数据集

records = [
  {id: 1, name: "John Smith", age: 49},
  {id: 2, name: "Jane Brown", age: 45},
  {id: 3, name: "Tim Jones",  age: 60},
  {id: 4, name: "Blake Owen", age: 78}    
]

如何过滤记录以返回年龄刚刚超过 50 岁的缩减数组。

说返回数组是

over50s = // something

我已经看过很多类似的代码，但对我来说它只是凑在一起。

谢谢你的帮助！

我使用 Ruby 2.7.2 和 Ruby on Rails 6.1.3 创建了一个全新的 Rails 应用程序：

rails new rails6

然后我使用 Rails 命令安装了 CoffeeScript 编译器：

rails webpacker:install:coffee

但是当我启动 webpack-dev-server 时，他无法正确编译：

                                      Asset       Size        Chunks                         Chunk Names
     js/application-30c16ea0138c526e20f5.js    515 KiB   application  [emitted] [immutable]  application
 js/application-30c16ea0138c526e20f5.js.map    579 KiB   application  [emitted] [dev]        application
    js/hello_coffee-5eba0c58c2666f949e88.js    395 KiB  hello_coffee  [emitted] [immutable]  hello_coffee
js/hello_coffee-5eba0c58c2666f949e88.js.map    444 KiB  hello_coffee  [emitted] [dev]        hello_coffee
                              manifest.json  710 bytes                [emitted]

ERROR in ./app/javascript/packs/hello_coffee.coffee
Module build failed (from ./node_modules/coffee-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
    at Object.loader (/Users/iwan/dev/rails/rails6/node_modules/coffee-loader/dist/index.js:21:24)
? ?wdm?: …

大家好我现在使用coffeeScript为我的应用程序而且我喜欢它但是最近我在编译方面遇到了很多麻烦,Iam将它用于rails应用程序并且当我运行时

coffee -w -c public/javascripts

它将在第一次正确编译,但当我做一些更改时,它只是转向

(function() {

})();

有些时候,一切都按预期正常工作每次进行更改(0.9.1),但我尝试使用npm升级到0.9.2版本,我真的遇到麻烦,没有用,我第一次使用sudo安装,我下载了源码并使用过 sudo bin/cake install