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

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

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