如何在 reactJS 中使用 AngularJS 指令

Question

我有一个关于 AngularJS 的工作项目，但我在渲染时遇到了问题。我需要在一页中快速渲染许多元素（1000+）。为了解决这个问题，我决定使用 ReactJS。但是……我有这些元素

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

如何在 ReactJS 上渲染它。如何运行我的角度指令？我有很多 Angular 指令，如何与 ReactJS 交 Angular 朋友？

谢谢

Answer 1

是的，你可以在 React 中使用 Angular 指令。

你可以在你的角度指令中调用 React.RenderComponent。 here 提供了一个详细的示例。

但是，示例中的代码风格很快就会导致一个科学的应用程序框架一团糟。如果您的 Angular 应用程序主要在 Angular 中，我建议将您的 react 功能包装在它自己的模块中，并从服务中公开所需的功能，以使事情至少在一定程度上分开。