个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我已经用 AngularJS 做了一个测试应用程序，现在我尝试用咖啡来做一些不同的事情。问题是，它给了我这样的错误:
Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:nomod] Module 'app' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
我不明白，为什么它看不到我的应用程序模块。这是我的代码:
<小时/>index.html
<!doctype html>
<html lang="en" ng-app="app">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="css/app.css">
<script src="bower_components/jquery/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="coffee/app.coffee" type="text/coffeescript" ></script>
<script src="coffee/controllers.coffee" type="text/coffeescript"></script>
</head>
<body>
<div class="view-container">
<div ng-view></div>
</div>
</body>
</html>
应用程序咖啡
app = angular.module 'app', [
'ngRoute'
'commentController'
]
app.config [ '$routeProvider',
($routeProvider) ->
$routeProvider.
when('/title', {
templateUrl: 'templates/title.html'
controller: 'CommentListCtrl'
}).
otherwise({
redirectTo: '/title'
})
]
和controllers.coffee:
commentController = angular.module 'commentController', []
commentController.controller 'CommentListCtrl', [ '$scope',
($scope) ->
$scope.hello = "HELLO!"
]
最佳答案
浏览器本身不支持 Coffeescript:您必须将其编译为 Javascript。
您可以通过使用任务运行程序(例如 Grunt 或 Gulp 和适当的插件( gulp-coffee 、 grunt-contrib-coffee )，或者使用 Browserify 和适当的转换( coffeeify )来“轻松”完成此操作。 Yeoman 使用 Grunt/Gulp。
现在，关于错误:
<script src="coffee/app.coffee" type="text/coffeescript" ></script>
此代码片段将有效加载脚本，但不会解释它。您可以获取其内容并将其作为字符串进行操作(某些模板库使用的是字符串)，但仅此而已。浏览器不会告诉你“嘿，我看不懂这个，这是coffeescript”。
页面加载后，Angular(由于它是纯 JavaScript，已成功加载)将解析您的 DOM，读取 ng-app="app"，并尝试查看他是否知道模块应用程序。不幸的是，您的脚本没有被解释，因此 app 模块没有声明:这就是您得到的错误!
关于javascript - AngularJS 与 Coffeescript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27102889/
27
4
0
我有以下 Coffeescript: $ -> $('#new_event').submit -> $.post( $(this).attr('acti
Coffeescript docs包含以下简介 String Interpolation, Block Strings, and Block Comments Ruby-style string in
如何获得类似于 HTML 的 target='_blank' 的行为在 CoffeeScript 里面？ 到目前为止，我已经尝试过: window.location = "/site/#{pk}/go
array = [1,2,3,4] for num in array //do something num的值是多少在函数的其余部分？是否num得到范围到循环？ 最佳答案 不，num不会被限制
Coffeescript 使用存在运算符来确定变量何时存在，并且在 coffeescript documentation 中它表明 something?将编译为 something !== undef
我一直在阅读一些关于 coffeescript 的继承模型的内容，我感觉自己正处于一场我真的不理解的意识形态辩论的边缘。所以，我会非常高兴地发现我只是以错误的方式做事。 基本上我正在做的是编写一组小部
这个问题在这里已经有了答案: How to iterate over the keys and values in an object in CoffeeScript? (4 个回答) 8年前关闭。
让我们定义这个简单的代码: class Foo @foo = 'blah' console.log(@foo) class Bar extends Foo constructor: ()
除了这些示例之外，我正在努力寻找任何好的 CoffeeScript 和模式匹配示例: {x, y} = sprite css = {opacity, fontFamily} 我在 Erlang 中使用
我想做一个 if 语句来检查一个对象是否是一个空对象。 空对象是指如果我执行 console.log(object) 它会打印出 {}。 我该怎么做呢？ 最佳答案 myObject = {} if O
在 JS 中创建文字数组时: [{ name: 'david', value: 'blue' }, { name: 'harold', value: 'orange' }] 我能看到在 Coffees
我的问题类似于发布的 here .本质上我想读一个配置file.json看起来像这样: { "message": "Error in #{baseName} at #{directory}" }
如果我有一个类，则将多个参数传递给： class Foo constructor: (parameters) -> @bar = parameters.bar @moo = paramet
coffeescript中是否有 namespace 的内在支持？ 适当的命名空间似乎确实可以帮助Coffeescript有所帮助，尽管我似乎无法找到任何迹象表明存在对此的支持。 最佳答案 既可以在自
我有一个具有一些jquery事件侦听器的coffeescript类。我想使用粗箭头=>以避免引用该类，但是我仍然需要引用通常与this一起使用的元素。如何同时使用两者？ class PostForm
我要转换 console.log({ a: 'a' }, { b: 'b' }); 进入 CoffeeScript。我发现的唯一方法是 console.log a: 'a', b:
我真的很喜欢这个: var value = maxValue > minValue ? minValue : maxValue; Coffeescript 中是否有同样简洁的东西？ 最佳答案 valu
我想在coffeescript中编写一个静态帮助器类。这可能吗？ 类别: class Box2DUtility constructor: () -> drawWorld: (world, co
super 简单的coffeescript问题 circles = [] for coordinate, i in coordinates circles[i] = new MakeCircl
我在看this great video由 Jeremy 在 CoffeeScript 上发表。他解释说，CoffeeScript 的理想之一是让“一切都是表达式”。 CoffeeScript 离这个理
我是一名优秀的程序员,十分优秀！