当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript UpgradeAdapter.downgradeNg2Component方法代码示例

本文整理汇总了TypeScript中angular2/upgrade.UpgradeAdapter.downgradeNg2Component方法的典型用法代码示例。如果您正苦于以下问题:TypeScript UpgradeAdapter.downgradeNg2Component方法的具体用法?TypeScript UpgradeAdapter.downgradeNg2Component怎么用?TypeScript UpgradeAdapter.downgradeNg2Component使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在angular2/upgrade.UpgradeAdapter的用法示例。


在下文中一共展示了UpgradeAdapter.downgradeNg2Component方法的9个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的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']);
开发者ID:Bolza,项目名称:angular2-bridge,代码行数:20,代码来源:main.ts

示例2: 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']);
开发者ID:russellf9,项目名称:angular2-convert,代码行数:26,代码来源:app.ts

示例3: UpgradeAdapter

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
*/
开发者ID:ragutouch,项目名称:AngularJS,代码行数:18,代码来源:main.ts

示例4: UpgradeAdapter

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}
);
开发者ID:Bachmann1234,项目名称:angular.io,代码行数:16,代码来源:app.module.ts

示例5: UpgradeAdapter

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']);
开发者ID:shosseini,项目名称:voorbeeldenAngular2,代码行数:14,代码来源:app.module.ts

示例6: UpgradeAdapter

import {UpgradeAdapter} from 'angular2/upgrade';

import myComponent from './myComponent.js';
import {AnotherComponent} from './anotherComponent.js';
console.log(AnotherComponent);
const upgradeAdapter = new UpgradeAdapter();

// Pseudo app.
export default angular
  .module('myApp', [])
  .component('myComponent', myComponent)
  .directive('anotherComponent', upgradeAdapter.downgradeNg2Component(AnotherComponent));


// Bootstrap v1.
//angular.element(document).ready(function() {
//  angular.bootstrap(document, ['myApp']);
//});
// Bootstrap upgrade.
upgradeAdapter.bootstrap(document.documentElement, ['myApp']);
开发者ID:bcabanes,项目名称:angular-mix,代码行数:20,代码来源:app.ts

示例7: 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']);
开发者ID:ghcpc10,项目名称:photo-gallery-ng12,代码行数:31,代码来源:app-ng2.ts

示例8: UpgradeAdapter

import RepositoryEdit from './components/repository-edit/repository-edit';
import RepositoryContributors from './components/repository-contributors/repository-contributors';
import RepositoryContent from './components/repository-content/repository-content';
import Main from './components/main/main';
import Header from './components/header/header';
import MyProfile from './components/my-profile/my-profile';
import GithubService from './services/github-service';
import {HTTP_PROVIDERS} from 'angular2/http';



let adapter = new UpgradeAdapter();

angular
.module('githubExplorerApp')
.directive('repositoryIssue', adapter.downgradeNg2Component(RepositoryIssue));

angular
.module('githubExplorerApp')
.directive('repositoryIssues', adapter.downgradeNg2Component(RepositoryIssues));

angular
.module('githubExplorerApp')
.directive('repositoryDetails', adapter.downgradeNg2Component(RepositoryDetails));

angular
.module('githubExplorerApp')
.directive('repositoryEdit', adapter.downgradeNg2Component(RepositoryEdit));

angular
.module('githubExplorerApp')
开发者ID:SChervonyi,项目名称:git-explorer,代码行数:31,代码来源:bootstrap.ts

示例9: UpgradeAdapter

import {Component} from 'angular2/core';
import {UpgradeAdapter} from 'angular2/upgrade';
import {bootstrap} from 'angular2/platform/browser';
import {Algorithms} from './components/algorithms/algorithms';
import {Adder} from './components/adder/adder';
import {Counter} from './components/counter/counter';

declare var angular:any;

var adapter: UpgradeAdapter = new UpgradeAdapter();

angular.module('angular-legacy').directive('algorithms',adapter.downgradeNg2Component(Algorithms));
angular.module('angular-legacy').directive('add',adapter.downgradeNg2Component(Adder));
angular.module('angular-legacy').directive('counterButton',adapter.downgradeNg2Component(Counter));

adapter.bootstrap(document.body, ['angular-legacy']);
开发者ID:2947721120,项目名称:angular-2-samples,代码行数:16,代码来源:upgrade.ts


注:本文中的angular2/upgrade.UpgradeAdapter.downgradeNg2Component方法示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。