ES6 箭头函数是否与 Angular 不兼容? [英] Are ES6 arrow functions incompatible with Angular?
问题描述
这是我的 Angular 代码中一个正常的 ES5 函数:
Here's a normal ES5 function in my Angular code which works:
app.run(function($templateCache){ $templateCache.put('/some','thing') });
我想把它转换成 ES6 箭头函数
I wanted to convert it to ES6 arrow function
app.run($templateCache => $templateCache.put('/some','thing'));
但它给出了错误
Uncaught Error: [$injector:unpr] Unknown provider: '/some'Provider <- '/some'
http://errors.angularjs.org/1.4.6/$injector/unpr?p0='%2Fsome'Provider%20%3C-%20'%2Fsome'
REGEX_STRING_REGEXP @ angular.js:68
(anonymous function) @ angular.js:4287
getService @ angular.js:4435
(anonymous function) @ angular.js:4292
getService @ angular.js:4435
invoke @ angular.js:4467
(anonymous function) @ angular.js:4297
forEach @ angular.js:336
createInjector @ angular.js:4297
doBootstrap @ angular.js:1657
bootstrap @ angular.js:1678
angularInit @ angular.js:1572
(anonymous function) @ angular.js:28821
trigger @ angular.js:3022
eventHandler @ angular.js:3296
ES6 箭头函数是否与 Angular 不兼容?
Are ES6 arrow functions incompatible with Angular?
我认为 Angular 可能无法推断名称 $templateCache
,因此无法注入它,但后来我将其记录到控制台,它确实显示正确:
I thought perhaps Angular isn't able to infer the name $templateCache
and so unable to inject it but then I logged it to console and it does show it correctly:
app.run($templateCache=>console.log($templateCache));
// =>
// Object {}
// destroy: function()
// get: function(key)
// info: function()
// put: function(key, value)
// remove: function(key)
// removeAll: function()
// __proto__: Object
推荐答案
正确.您的 AngularJS 版本与使用的箭头函数不兼容$injector.
这主要是因为 AngularJS 1.4.6 使用了 (Function).toString
,它没有以 function(
开头的箭头函数,至少在 Firefox 中是这样:
This is mainly because AngularJS 1.4.6 makes use of (Function).toString
, which does not start with function(
for arrow functions, at least in Firefox:
>var a = () => 5
function a()
>a.toString()
"() => 5" // not "function a() {return 5;}"
AngularJS 支持 1.5.0 以上的箭头符号.
AngularJS supports the arrow notation from 1.5.0 onwards.
这篇关于ES6 箭头函数是否与 Angular 不兼容?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!