TypeScript upgrade.UpgradeAdapter类代码示例

import { UpgradeAdapter } from 'angular2/upgrade';
import * as angular from 'angular2/src/upgrade/angular_js';
import 'interestAppNg1'; // "bare import" for side-effects
import { Pin, PinsService } from 'interestAppNg1';
import { PinControlsComponent } from './components/PinControlsComponent';


/*
 * Create our upgradeAdapter
 */
const upgradeAdapter: UpgradeAdapter = new UpgradeAdapter();



/*
 * Expose our ng2 content to ng1
 */
angular.module('interestApp')
    .directive('pinControls',
        upgradeAdapter.downgradeNg2Component(PinControlsComponent));

/**
 * Bootstrap the app
 */

upgradeAdapter.bootstrap(document.body, ['interestApp']);

import {UpgradeAdapter} from 'angular2/upgrade';
import {MainController} from './main.controller';
import {HeroDetailComponent} from './hero-detail.component';

declare var angular:any;
const upgradeAdapter = new UpgradeAdapter();

angular.module('heroApp', [])
  .controller('MainController', MainController)
  .directive('heroDetail', upgradeAdapter.downgradeNg2Component(HeroDetailComponent));

upgradeAdapter.bootstrap(
  document.querySelector('hero-app'),
  ['heroApp'],
  {strictDi: true}
);

import 'zone.js';
import 'reflect-metadata';
import {Component} from 'angular2/core';
import {UpgradeAdapter} from 'angular2/upgrade';
import {bootstrap} from 'angular2/platform/browser';
import * as angular from 'angular';
const upgradeAdapter = new UpgradeAdapter();

var app = angular.module('ExampleModule');

// olNavBar NG2 -> NG1 //
import {SomeComponent} from '/ng2/someComponent';
app.directive('someComponent', upgradeAdapter.downgradeNg2Component(SomeComponent));

import {Bridge} from '/bridge/bridge';
upgradeAdapter.addProvider(Bridge);
app.factory('Bridge', upgradeAdapter.downgradeNg2Provider(Bridge))

// bootstrapping the app with NG2
upgradeAdapter.bootstrap(document.body, ['ExampleModule']);

import {UpgradeAdapter} from 'angular2/upgrade';
import {CityComponent} from 'app/city.component';

declare var angular:any;
const upgradeAdapter:UpgradeAdapter = new UpgradeAdapter();

// De Angular 2-component CityComponent binnen de Angular 1-applicatie bekend maken als directive.
// Gebruik hiervoor upgradeAdapter.downgradeNg2Component(CityComponent)
angular.module('myApp')
	.directive('cityComponent',
		upgradeAdapter.downgradeNg2Component(CityComponent));

// De Angular 1-applicatie bootstrappen op de body. 'myApp' is al gedefinieerd in index.html
upgradeAdapter.bootstrap(document.body, ['myApp']);

import {UpgradeAdapter} from 'angular2/upgrade';
import {AppComponent} from './app.component'

export const upgradeAdapter = new UpgradeAdapter();

angular.module('ng2', [])
.directive('myApp', upgradeAdapter.downgradeNg2Component(AppComponent));

upgradeAdapter.bootstrap(document.documentElement, ['myApp']);

// bootstrap(AppComponent);


/*
Copyright 2016 Google Inc. All Rights Reserved.
Use of this source code is governed by an MIT-style license that
can be found in the LICENSE file at http://angular.io/license
*/

import { UpgradeAdapter } from 'angular2/upgrade';
import * as angular from 'angular2/src/upgrade/angular_js';
import 'PinerestApp_ng1';
import { PinOverlay } from './home/pin/pin-overlay/pin-overlay';
import { UploadComponent } from './upload-component/upload-component';
import { AnalyticsService } from './_components/analytics-service';



const upgradeAdapter:UpgradeAdapter = new UpgradeAdapter();







// Expose our ng2 content to ng1
upgradeAdapter.addProvider(AnalyticsService);

angular.module('PinerestApp')
  .directive('pinOverlay', upgradeAdapter.downgradeNg2Component(PinOverlay))
  .directive('uploadComponent', upgradeAdapter.downgradeNg2Component(UploadComponent))
  .factory('analyticsService', upgradeAdapter.downgradeNg2Provider(AnalyticsService));


// Expose our ng1 content to ng2
upgradeAdapter.upgradeNg1Provider('pinsService');
upgradeAdapter.upgradeNg1Provider('$state');

import {UpgradeAdapter} from 'angular2/upgrade';

var adapter = new UpgradeAdapter();

adapter.bootstrap(document.body, ['urf3']);

// Angular 2 Vendor Import
import {UpgradeAdapter} from 'angular2/upgrade';

// Instantiate the adapter singleton
export const upgradeAdapter = new UpgradeAdapter();

// upgrade an Angular 1 component
export const a1Upgradable = upgradeAdapter.upgradeNg1Component('a1Upgradable');

// share an Angular 2 service with Angular 1
import {A2DowngradeService} from './services/a2-downgrade-service'
upgradeAdapter.addProvider(A2DowngradeService);

// share an Angular 1 servie with Angular 2
upgradeAdapter.upgradeNg1Provider('a1UpgradeService');

import {bootstrap}         from 'angular2/platform/browser';
import {UpgradeAdapter} from 'angular2/upgrade';
// Add all operators to Observable
import 'rxjs/Rx';

import {WikiComponent}        from './wiki/wiki.component';
import {WikiSmartComponent}   from './wiki/wiki-smart.component';
import {TohComponent}         from './toh/toh.component';

bootstrap(WikiComponent);
bootstrap(WikiSmartComponent);
bootstrap(TohComponent);

var adapter = new UpgradeAdapter();
//var app = angular.module('app', []);

adapter.bootstrap(document.body, ['app']);

/*
 Copyright 2016 Google Inc. All Rights Reserved.
 Use of this source code is governed by an MIT-style license that
 can be found in the LICENSE file at http://angular.io/license
 */