Package Exports
- react-to-angularjs
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-to-angularjs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
ReactToAngularjs
Helps you to migrate yours AngularJs Application to React component by component
Author: Guima Ferreira
ReactToAngularjs~R2AComponents(mod, components, [theme])
Generate AngularJs Components
Kind: inner method of ReactToAngularjs
| Param | Type | Description |
|---|---|---|
| mod | String |
AngularJs Module name |
| components | Array |
collection of AngularJs Components to be generated |
| [theme] | ReactComponent |
a react component that returns |
Example
[
// <my-component name="vm.name" on-change="vm.onChange"></my-component>
{
name: 'myComponent',
react: MyComponent, // a React Component imported
props: ['name', 'onChange']
},
// <simple-component></simple-component>
{
name: 'simpleComponent',
react: SimpleComponent // a React Component imported
}
]Example
// Attention!
// When passing functions that change its scope,
// you need to do bind(this) as following:
class MyController {
constructor() {
this.name = "William";
this.onChange = this.onChange.bind(this);
}
onChange() {
this.name = "Bill";
}
}
// Or do this:
class MyController {
constructor() {
this.name = "William";
}
onChange = () => {
this.name = "Bill";
}
}ReactToAngularjs~R2AComponent(component, bindingNames, [theme])
Returns AngularJs Component config object that renders a React Component
Kind: inner method of ReactToAngularjs
| Param | Type | Description |
|---|---|---|
| component | Class |
React Component Class |
| bindingNames | Array |
AngularJs Component Attributes |
| [theme] | ReactComponent |
a react component that returns |
Example
R2AComponent("myComponent", ['name', 'onChange']);