Angular 1中的角度2組件？

Question

我想在我的Angular 1控制器中添加一個Angular 2組件，所以Angular 1控制器是父級，而Angular 2組件是一個孩子。我希望孩子和家長能夠相互交換數據，就像在Angular 2中使用@Input和@Output一樣。有誰知道如何做到這一點？

Answer 1

這應該使用升級適配器模塊（與Angular 2一起發貨）完成。

步驟應該是： 1.使用適配器引導您的應用程序，而不是ng-app 2.降級您的angular 2組件並用Angular 1指令包裝它。

你可以用我的超級簡單的Todo應用實例（看看到提交了內部「升級」分支步驟）： Todo-app example

這是如何引導文件的樣子：

declare var angular: any; 

import {UpgradeAdapter} from 'angular2/upgrade'; 
import {TodoList} from "./components/todo-list"; 
import {TodoInput} from "./components/todo-input"; 
import {TodoApp} from "./components/todo-app"; 

let adapter = new UpgradeAdapter(); 

angular.module('todoListWorkshopApp').directive('todoList', adapter.downgradeNg2Component(TodoList)); 

angular.module('todoListWorkshopApp').directive('todoInput', adapter.downgradeNg2Component(TodoInput)); 

angular.module('todoListWorkshopApp').directive('todoApp', adapter.downgradeNg2Component(TodoApp)); 

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

這是（角1）控制器的模板的一個例子：

<div> 
    <todo-input (on-item-added)="add($event)"></todo-input> 
    <todo-list [todos]="todos"></todo-list> 
</div>