如何在 reactJS 中使用 AngularJS 指令

How use AngularJS directives in reactJS

本文关键字：AngularJS 指令 reactJS      更新时间：2023-09-26

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

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

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

谢谢

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

你可以从你的角度指令中调用React.RenderComponent。 这里提供了一个详细的例子。

但是，示例中的代码风格很快就会导致弗兰肯斯汀应用程序框架的混乱。 如果你的 angular 应用程序主要是 Angular 的，我建议将你的 react 功能包装在它自己的模块中，并公开服务所需的功能，以保持至少在某种程度上划分。

相关文章：