How to use react2angular - 10 common examples

To help you get started, we’ve selected a few react2angular examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github spinnaker / deck / app / scripts / modules / core / src / task / taskProgressBar.directive.js View on Github external
'use strict';

import { module } from 'angular';
import { react2angular } from 'react2angular';
import { TaskProgressBar } from './TaskProgressBar';

export const CORE_TASK_TASKPROGRESSBAR_DIRECTIVE = 'spinnaker.core.task.progressBar.directive';
export const name = CORE_TASK_TASKPROGRESSBAR_DIRECTIVE; // for backwards compatibility
module(CORE_TASK_TASKPROGRESSBAR_DIRECTIVE, []).component('taskProgressBar', react2angular(TaskProgressBar, ['task']));
github getredash / redash / client / app / pages / admin / Jobs.jsx View on Github external
export default function init(ngModule) {
  ngModule.component('pageJobs', react2angular(Jobs));

  return routesToAngularRoutes([
    {
      path: '/admin/queries/jobs',
      title: 'RQ Status',
      key: 'jobs',
    },
  ], {
    template: '',
  });
}
github getredash / redash / client / app / pages / home / Home.jsx View on Github external
export default function init(ngModule) {
  ngModule.component('homePage', react2angular(Home));

  return {
    '/': {
      template: '',
      title: 'Redash',
    },
  };
}
github getredash / redash / client / app / pages / dashboards / DashboardPage.jsx View on Github external
export default function init(ngModule) {
  ngModule.component("dashboardPage", react2angular(DashboardPage));

  return {
    "/dashboard/:dashboardSlug": {
      template: "",
      reloadOnSearch: false,
    },
  };
}
github getredash / redash / client / app / pages / admin / Tasks.jsx View on Github external
export default function init(ngModule) {
  ngModule.component('pageTasks', react2angular(Tasks));

  return routesToAngularRoutes([
    {
      path: '/admin/queries/tasks',
      title: 'Celery Status',
      key: 'tasks',
    },
  ], {
    template: '',
  });
}
github getredash / redash / client / app / components / SortIcon.jsx View on Github external
export default function init(ngModule) {
  ngModule.component("sortIcon", react2angular(SortIcon));
}
github getredash / redash / client / app / pages / destinations / EditDestination.jsx View on Github external
export default function init(ngModule) {
  ngModule.component('pageEditDestination', react2angular(wrapSettingsTab(null, EditDestination)));

  return {
    '/destinations/:destinationId': {
      template: '',
      title: 'Alert Destinations',
      controller($scope, $exceptionHandler) {
        'ngInject';

        $scope.handleError = $exceptionHandler;
      },
    },
  };
}
github getredash / redash / client / app / pages / users / UserProfile.jsx View on Github external
export default function init(ngModule) {
  ngModule.component('pageUserProfile', react2angular(wrapSettingsTab({
    title: 'Account',
    path: 'users/me',
    order: 7,
  }, UserProfile)));
}
github getredash / redash / client / app / pages / admin / tasks / index.js View on Github external
export default function init(ngModule) {
  ngModule.component('adminCeleryStatus', react2angular(CeleryStatus));
  ngModule.component('tasksPage', {
    template,
    controller: TasksCtrl,
  });

  return {
    '/admin/queries/tasks': {
      template: '',
      title: 'Celery Status',
    },
  };
}
github getredash / redash / client / app / pages / data-sources / EditDataSource.jsx View on Github external
export default function init(ngModule) {
  ngModule.component('pageEditDataSource', react2angular(wrapSettingsTab(null, EditDataSource)));

  return {
    '/data_sources/:dataSourceId': {
      template: '',
      title: 'Data Sources',
      controller($scope, $exceptionHandler) {
        'ngInject';

        $scope.handleError = $exceptionHandler;
      },
    },
  };
}

react2angular

The easiest way to embed React components in Angular 1 apps!

Apache-2.0
Latest version published 6 years ago

Package Health Score

51 / 100
Full package analysis

Popular react2angular functions