降級指令組件無法正常運行

Question

這裏是我的角2部分：

@Component({ 
    selector: '[my-component]', 
    template:`<ng-content></ng-content>` 
}) 
export class MyComponentClass { 
    @Input() myComponent: string; 

... 

這讓我在角2應用程序上的任何HTML標記以此爲指令，例如：

<div [myComponent]="'my text string'"></div> 
<span [myComponent]="'my text string'"></span> 

但取相同的部件降級時在angularJs應用使用：

angular.module('myApp') 
    .directive('myComponent', downgradeComponent({component: MyComponentClass , inputs: ['myComponent']}) as angular.IDirectiveFactory); 

現在，這是行不通的：

<div [myComponent]="'my text string'"></div> // or 
<div [my-component]="'my text string'"></div> 

只有當我把它作爲像

<my-component [my-component]="'some text'"></my-component> 

我做了什麼不對的組成部分？ 我不希望它被用作新的html標籤，而是作爲可以添加到任何html元素（指令）的指令。

Answer 1

嘗試使用downgradeNg2Component代替downgradeComponent：

import {UpgradeAdapter} from 'angular2/upgrade'; 
import {myComponent} from './my-component.component.ts'; 

let upgradeAdapter = new UpgradeAdapter(); 

.directive('myComponent', 
    upgradeAdapter.downgradeNg2Component(myComponent)) 

入住這useful post！

Answer 2

我遇見了同樣的問題，並在附近發現一個字：https://github.com/angular/angular/issues/16695#issuecomment-336456199