本文整理匯總了TypeScript中angular2/upgrade.UpgradeAdapter.addProvider方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript UpgradeAdapter.addProvider方法的具體用法？TypeScript UpgradeAdapter.addProvider怎麽用？TypeScript UpgradeAdapter.addProvider使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類angular2/upgrade.UpgradeAdapter的用法示例。
在下文中一共展示了UpgradeAdapter.addProvider方法的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: UpgradeAdapter
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']);
示例2: UpgradeAdapter
// 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');
示例3: UpgradeAdapter
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');
// Bootstrap the App
upgradeAdapter.bootstrap(document.body, ['PinerestApp']);示例4:
angular
.module('githubExplorerApp')
.directive('repositoryContributors', adapter.downgradeNg2Component(RepositoryContributors));
angular
.module('githubExplorerApp')
.directive('repositoryContent', adapter.downgradeNg2Component(RepositoryContent));
angular
.module('githubExplorerApp')
.directive('main', adapter.downgradeNg2Component(Main));
angular
.module('githubExplorerApp')
.directive('header', adapter.downgradeNg2Component(Header));
angular
.module('githubExplorerApp')
.directive('myProfile', adapter.downgradeNg2Component(MyProfile));
adapter.addProvider(GithubService);
adapter.addProvider(HTTP_PROVIDERS);
adapter.upgradeNg1Provider('dataService');
adapter.upgradeNg1Provider('localStorageService');
adapter.bootstrap(document.body, ['githubExplorerApp']);