本文整理匯總了TypeScript中angular2/upgrade.UpgradeAdapter.upgradeNg1Provider方法的典型用法代碼示例。如果您正苦於以下問題:TypeScript UpgradeAdapter.upgradeNg1Provider方法的具體用法?TypeScript UpgradeAdapter.upgradeNg1Provider怎麽用?TypeScript UpgradeAdapter.upgradeNg1Provider使用的例子?那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類angular2/upgrade.UpgradeAdapter
的用法示例。
在下文中一共展示了UpgradeAdapter.upgradeNg1Provider方法的3個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: 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');
示例2: 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']);
示例3:
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']);