在 Angular 1.x 中使用 React-data-grid

Question

我安装了 ngReact，我可以使用这篇文章在我的 Angular 1.3 项目中创建一个基本组件 (Hello World)：https://www.logilab.org/blogentry/7366955

但我不确定如何在我的 Angular 应用程序中使用 react-data-grid。使用什么组件名称？有没有人这样做过？我会欢迎一点指导！谢谢！

Answer 1

了解不多 angular 仅通过阅读您的文章，您需要做一些事情。

您需要将 react-data-grid 作为脚本导入，您可以检查他们的方法 in here。

之后 ReactDataGrid 组件将可供您使用，您可以对 link 中的示例执行相同的操作。如果你不使用 jsx，那么看看 in here 会更好。你的最终代码将是这样的

 // define a React component that displays "Hello {name}"
 var GridComponent = React.createClass({
    render: function() {
       var props = { x: this.props.x, y: this.props.y ...};
       // you can filter the props or just inject this.props
       return React.createElement(ReactDataGrid, props, null);
    }
 });

要使用它，您只需创建如下所示的网格控制器：

 <div ng-app="app" ng-controller="helloController">
   <react-component name="GridElement" props="yourProps" />
 </div>

在 Angular 1.x 中使用 React-data-grid

Using React-data-grid in Angular 1.x

angularjs

reactjs

react-data-grid