ng2 @ViewChild(ren) / @ContentChild(ren) 在纯 JS 中？答案

【问题标题】：ng2 @ViewChild(ren) / @ContentChild(ren) in plain JS?ng2 @ViewChild(ren) / @ContentChild(ren) 在纯 JS 中？
【发布时间】：2016-05-16 23:46:57
【问题描述】：

我最近开始在 Angular 2 中使用 ViewChildren and ContentChildren，但现在想知道这些是否也可以在没有 TypeScript 注释的情况下在 ES6 中使用。

根据docs，TypeScript 语法如下：

@ViewChild(ItemDirective) viewChild: ItemDirective;

或者，根据here：

// myVideo == #my-video
@ViewChild('myVideo') myVideo: any;

现在，对应的source 具有 ViewChild 和 co. 的元数据类，我记得它可以用来在纯 JS 中添加一些其他注释。所以我认为它应该是可行的，但我不确定在这种情况下如何。有人能对此有所了解吗？

【问题讨论】：

标签： typescript angular

【解决方案1】：

我认为这样的装饰器应该与 ES6 / ES7 一起使用（除了 ES6 本身之外，您还需要包含 ES7 装饰器）。后者确实有类和属性装饰器，因此您应该能够转译 ViewChild 装饰器。

不支持的参数装饰器就不一样了……

查看此答案及其 cmets：

Angular 2: How Should We Be Handling Dependency Injection with ES6/ES7?

这个链接也很有用：

https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841#.p4uu6y19c

【讨论】：

谢谢，这很有趣；那里提到的 babel 插件/转换器只允许我将所有的 TS 转换为 ES6/7 ......除了一行。具有讽刺意味的是，这正是我的@ViewChild 行。 :( 但这实际上看起来可能是一个错误，所以也许我也应该尝试在babel-plugin-angular2-annotations 提交问题...如果该库仍然完成此操作，则认为此问题已解决。
无法再编辑我的评论，但现在提交了on there。
我注意到装饰器无法接受变量，最终发现工作中的 TypeScript 转译只是使用了Reflect.decorate。我现在只是打电话给那个；因为它允许变量，所以它是迄今为止满足我要求的唯一解决方案（虽然有点冗长），同时对 JS 也很酷。谢谢。