Использование React-data-grid в Angular 1.икс

У меня установлен ngReact, и я могу создать базовый компонент (Hello World) в моем проекте Angular 1.3 с помощью этой статьи: https://www.logilab.org/blogentry/7366955

Но я не уверен, как использовать react-data-grid в моем приложении Angular. Какое имя компонента используется? Кто-нибудь сделал это? Я приветствую небольшое руководство!
Спасибо!

1 ответ

  1. Не зная много углового просто прочитав вашу статью, вам нужно будет сделать несколько вещей.

    Вам нужно будет импортировать react-data-grid в качестве скрипта, вы можете проверить, как они это делают здесь .

    После этого ReactDataGridкомпонент будет доступен вам, и вы можете сделать то же самое, что вы делаете для примера в вашей ссылке. Если вы не используете jsx, будет лучше, если вы посмотрите здесь . Окончательный код для вас будет что-то вроде этого

     // 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>