jrwebdev

const module = angular.module('toggle', []);

module.directive('toggle', function () {
    return {
        controllerAs: 'toggle',
        bindToController: {
            value: '=',
            trueLabel: '@',
            falseLabel: '@',
            onToggle: '&'

jrwebdev

const module = angular.module('toggle', ['react']);

const Toggle = (props) => (
    <div onClick={() => props.onToggle(!props.value)}>
        <span className={props.value ? 'selected' : ''}>
            {props.trueLabel || 'Yes'}
        </span>
        <span className={!props.value ? 'selected' : ''}>
            {props.falseLabel || 'No'}
        </span>

jrwebdev

<toggle value="value" 
        true-label="'True'" 
        false-label="'False'" 
        on-toggle="::onToggle">
</toggle>

jrwebdev

const module = angular.module('toggle', ['react']);

const Toggle = (props) => (
    <div onClick={() => props.onToggle(!props.value)}>
        <span className={props.value ? 'selected' : ''}>
            {props.trueLabel || 'Yes'}
        </span>
        <span className={!props.value ? 'selected' : ''}>
            {props.falseLabel || 'No'}
        </span>

jrwebdev

app.directive('myComponent', ['reactDirective', '$ngRedux', function(reactDirective, $ngRedux) {
  return reactDirective(MyComponent, null, {}, {store: $ngRedux});
}]);

jrwebdev

import {setLocation} from 'ng-redux-router';

const push = url => setLocation(url);

export {push}

jrwebdev

import {stateGo} from 'redux-ui-router';

const stateMap = {
  '/': 'index',
  '/page1': 'page1',
  '/page2': 'page2'
}

const push = url => {
  // getPath() and getParams() are example functions

jrwebdev

$stateProvider.state('a-state', {
  url: "/a-url",
  template: '<a-react-container></a-react-container>'
})

jrwebdev

// Angular 1
const module = angular.module('myModule', []);
module.component('myComponent', {
  template: '<div>Hello World!</div>'
});

/***************************************************************/

// Angular 2
import {Component} from '@angular/core';

jrwebdev

// Angular 1
const module = angular.module('myModule', []);
module.component('myComponent', {
  templateUrl: 'path/to/my/template.html'
});

/***************************************************************/

// Angular 2
import {Component} from '@angular/core';