react2angularjs
Advanced tools
+1
-1
| { | ||
| "name": "react2angularjs", | ||
| "version": "0.0.0-alpha.6", | ||
| "version": "0.0.0-alpha.7", | ||
| "description": "", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
+42
-1
@@ -1,1 +0,42 @@ | ||
| # react2angularjs | ||
| # 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 value="$ctrl.value" onChange="$ctrl.onChange"> | ||
| ``` | ||
| ## 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> | ||
| ``` |
7499
12.75%43
2050%