如何在reactJS中使用AngularJS指令

时间:2014-11-22 19:55:39

标签: javascript angularjs reactjs

我有一个关于AngularJS的工作项目,我有一个渲染问题。我需要在一个页面中快速渲染许多元素(1000+)。为了解决这个问题,我决定使用ReactJS。但是......我有这些元素

<tr data-ng-repeat="user in users>
  <td><span data-my-directive="user.data"></span></td>
</tr>

如何在ReactJS上呈现此内容。我该如何运行angular指令?我有很多Angular指令,如何与ReactJS建立有角度的朋友?

由于

1 个答案:

答案 0 :(得分:1)

是的,您可以在React内部使用Angular Directive。

您可以在angular指令中调用React.RenderComponent。提供了一个详细的例子here

但是,示例中的代码样式很快就会导致frankenstine应用程序框架的混乱。如果您的角度应用程序主要使用Angular,我建议将您的反应功能包装在其自己的模块中,并从服务中公开所需的功能,以使事情至少在某种程度上分开。