javascript - ES6 的 Handlebars 助手

Question

我想写一个 block 助手来检查是否应该为某个 Angular 色显示一个部分:

{{#allowApprover "EMP"}} 
<!-- content -->
{{/allowApprover}}

助手的定义如下:

allowApprover: (currentRole, options) => {
     return permit(currentRole) ? options.fn(this) : options.inverse(this)
}

上面的代码不起作用，我猜是因为 this 在箭头中的行为不同，但我不知道如何让它起作用，另一个问题是 是什么options.fn 到底做什么？

Answer 1

我遇到了同样的问题，错误信息是:

Cannot read property '_sections' of null 

正如@torazaburo 评论的那样，在这种情况下，您应该编写一个常规函数而不是箭头函数。

这就是为什么，用 Mozilla 的一篇很棒的文章的话来说。

ES6 in depth arrow functions

What’s this?

There is one subtle difference in behavior between ordinary function functions and arrow functions. Arrow functions do not have their own this value. The value of this inside an arrow function is always inherited from the enclosing scope.

继续，在同一篇文章中:

Use non-arrow functions for methods that will be called using the object.method() syntax. Those are the functions that will receive a meaningful this value from their caller.