如何解析angularjs指令中的react组件?

时间:2018-11-07 18:08:42

标签: angularjs reactjs angularjs-directive gulp eslint

我正在尝试将我的angularJS应用迁移到React。所以我试图创建一个角度指令来注入反应成分。我的eslint或gulp无法解析指令并给我

  

分析错误:意外的令牌<

这是指令 enter image description here

我的eslint文件配置如下

my eslint file config is as below

我想我已经添加了必要的配置。任何帮助表示赞赏。谢谢

1 个答案:

答案 0 :(得分:0)

我真的不能告诉你如何关闭linter的抱怨,但是在这里,我可以看到代码中有错误,可以轻松地解决此问题。在angularjs指令链接函数内部,您可以从link函数的第二个参数(el)中获得链接指令DOM,尽管查询整个文档,也可以查询该DOM。

link: (scope, el, attrs) {
  const reactApp = el.find('#reactapp');
  //....
}