How to use the @angular/upgrade.UpgradeAdapter function in @angular/upgrade

To help you get started, we’ve selected a few @angular/upgrade 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 joeeames / lightning-voter-demo / public / app.module.ts View on Github external
import { ResultsComponent } from './admin/results.component';
import { CreateUsersComponent } from './admin/createUsers.component';
import { AdminLoginComponent } from './admin/adminLogin.component';
import { routing } from './routes';
import { LoggedInGuard } from './loggedIn.guard';
import { SessionResolver } from './userSessions.resolver';
import { AppComponent } from './app.component';

import { UpgradeAdapter, UpgradeAdapterRef } from '@angular/upgrade';

// This is really strange. But you need the module when you create 
// the upgrade adapter, but you also need the created upgrade adapter
// when creating the Module (see below, the call to upgradeNg1Component)
// so we use a forwardRef, and we have to put the upgradeAdapter and the 
// module in the same file
export const upgradeAdapter = new UpgradeAdapter(forwardRef(() => AppModule));

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    routing
  ],
  declarations: [
    AppComponent,
    HomeComponent,
    DetailPanelComponent,
    CreateNewSessionComponent,
    ProfileComponent,
    SessionDetailWithVotesComponent,
    SessionDetailComponent,
github swimlane / ng1-ng4-webpack-lazy-uirouter / src / adapter.js View on Github external
import { forwardRef } from '@angular/core';
import { UpgradeAdapter } from '@angular/upgrade';
import { uiRouterNgUpgrade } from 'ui-router-ng1-to-ng2';

// ng2 services

// Create ngUpgrade Adapter
// ---
// `forwardRef` is required for initalizing the `UpgradeModule`
// after it is included below. See reason below for more info.
// ---
// See: https://angular.io/docs/js/latest/api/core/index/forwardRef-function.html
export const adapter = new UpgradeAdapter(forwardRef(() => UpgradeModule));

// the upgrade main module
// ---
// This must be required after the `UpgradeAdapter` is initialized.
// If not, then when `UpgradeModule` import `CommonModule` which needs
// to a reference to the adapter so it can upgrade a component and
// put in the global common module.
// ---
// See: https://github.com/angular/angular/issues/11069
const { UpgradeModule } = require('app/upgrade.module.js');

// Bootstrap ui-router
uiRouterNgUpgrade.setUpgradeAdapter(adapter);
github angular / protractor / testapp / upgrade / app / no_static / upgrader.ts View on Github external
import { UpgradeAdapter } from '@angular/upgrade';
import { BrowserModule } from '@angular/platform-browser';
import { forwardRef, NgModule } from '@angular/core';
import { Ng2Component } from '../ng2'


export const adapter: UpgradeAdapter = new UpgradeAdapter(forwardRef(() => Ng2Module));

@NgModule({
  imports: [
    BrowserModule
  ],
  declarations: [
    Ng2Component, adapter.upgradeNg1Component('ng1')
  ],

})
export class Ng2Module {}
github angular / protractor / testapp / upgrade / app / no_static / upgrader.js View on Github external
"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var upgrade_1 = require('@angular/upgrade');
var platform_browser_1 = require('@angular/platform-browser');
var core_1 = require('@angular/core');
var ng2_1 = require('../ng2');
exports.adapter = new upgrade_1.UpgradeAdapter(core_1.forwardRef(function () { return Ng2Module; }));
var Ng2Module = (function () {
    function Ng2Module() {
    }
    Ng2Module = __decorate([
        core_1.NgModule({
            imports: [
                platform_browser_1.BrowserModule
            ],
            declarations: [
                ng2_1.Ng2Component, exports.adapter.upgradeNg1Component('ng1')
            ],
        }), 
        __metadata('design:paramtypes', [])
    ], Ng2Module);
    return Ng2Module;
}());
github chandermani / angularjsbyexample / trainer / app / js / upgrade-adapter.ts View on Github external
import {UpgradeAdapter} from '@angular/upgrade';
import {AppModule} from './app.module';
export const upgradeAdapter = new UpgradeAdapter(AppModule);
github wishtack / wishtack-steroids / app / angular / app / ng-component-app.js View on Github external
/**
 *
 * (c) 2013-2016 Wishtack
 *
 * $Id: $
 */

import {UpgradeAdapter} from '@angular/upgrade';

var adapter = new UpgradeAdapter();
var app = require('./ng-module-app');

import {LzApp} from './app.component';

app.directive('lzApp', adapter.downgradeNg2Component(LzApp));
github dormd / angularjs-to-angular4 / upgrade-adapter.old.ts View on Github external
import { NgModule, forwardRef } from '@angular/core';
import { UpgradeAdapter } from '@angular/upgrade';
import { BrowserModule } from '@angular/platform-browser';

export const upgradeAdapter = new UpgradeAdapter(forwardRef(() => AppModule));

@NgModule({
  imports: [
    BrowserModule
  ],
  bootstrap: []
})
export class AppModule {}
github jhipster / generator-jhipster / generators / client-2 / templates / src / main / webapp / app / _upgrade_adapter.ts View on Github external
import { UpgradeAdapter } from "@angular/upgrade";

export const upgradeAdapter = new UpgradeAdapter();
github joeeames / lightning-voter-demo / public / upgradeAdapter.ts View on Github external
import {UpgradeAdapter} from '@angular/upgrade';

export const upgradeAdapter = new UpgradeAdapter();