本文整理汇总了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']);