1.0.2 • Published 2 years ago
react2angularjs v1.0.2
Use React in Angular along with Transclusion/Children
Installation
npm install --save react2angularjs
How to use
import react2angularjs from 'react2angularjs';
angular.module('app', [])
.directive('ReactComponent1', react2angularjs(ReactComponent, ['prop1', 'prop2']))
.directive('ReactInput', react2angularjs(ReactInput, ['value', 'onChange']))
Using in Angularjs Template
<react-input default-value="'123'" value="$ctrl.value" on-change="$ctrl.onChange" >
...
</react-input>
Transclusion
import react2angularjs from 'react2angularjs';
import Tooltip from 'rc-tooltip';
angular.module('app', [])
.directive('reactTooltip', react2angularjs(Tooltip, ['placement', 'overlay']))
Using in Angular template
<react-tooltip placement="'right'" overlay="'tooltip message'">
<button ng-click="$ctrl.onSignInClicked()">Sign in</button>
</react-tooltip>
Event callback
<react-tooltip placement="'right'" overlay="'tooltip message'" on-close="$ctrl.onClose">
<button ng-click="$ctrl.onSignInClicked()">Sign in</button>
</react-tooltip>
Live Demo
CodeSandbox - https://codesandbox.io/s/react-2-angularjs-uttki
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0-beta.4
4 years ago
1.0.0-beta.3
4 years ago
1.0.0-beta.2
4 years ago
1.0.0-beta.1
4 years ago
1.0.0-beta
4 years ago
0.0.0-alpha.7
4 years ago
0.0.0-alpha.6
4 years ago
0.0.0-alpha.5
4 years ago
0.0.0-alpha.4
4 years ago
0.0.0-alpha.3
4 years ago
0.0.0-alpha.2
4 years ago
0.0.0-alpha.1
4 years ago