angular2コンポーネントでexportAsを使用しようとします。

Question

コンポーネントに対してexportAsプロパティが定義されていますか。 コンポーネントのメソッドにアクセスするにはどうすればよいですか？ 私は、この例

<my-app #my="myApp"> 
loading... 
</my-app> 


<button (click)="my.displayMessage()" class="ui button"> 
    Display popup for message element 
</button> 

ここで動作するように想定されていないコンポーネントクラス

import {Component} from 'angular2/core' 

@Component({ 
selector: 'my-app', 
providers: [], 
template: ` 
    <div> 
    <h2>Hello {{name}}</h2> 

    </div> 
    `, 
    directives: [], 
    exportAs: "myApp" 
}) 
export class App { 
    constructor() { 
    this.name = 'Angular2' 
    } 

    displayMessage():void { 
    console.log('called from component') 
    } 
} 

Answer 1

を試してみました。 #xxx,(xxx)またはその他の種類の角度バインディングは、ルートコンポーネントのテンプレート（App）のテンプレートの外に置くことはできません。あなたはHow to dynamically create bootstrap modals as Angular2 components?

Answer 2

EXPORTASのようなものを探しているかもしれない

は、ディレクティブのために使用され、以下を参照してくださいhttp://plnkr.co/edit/IlLtBY7Ic9yKiRIpjukf?p=preview

@Directive({ 
    selector: "div", 
    exportAs: "myDiv" 
}) 
class MyDiv { 

    constructor(private element: ElementRef, private renderer: Renderer) { 
    } 

    toUpper() { 
    return this.renderer.setElementStyle(this.element.nativeElement, "text-transform", "uppercase"); 
    } 

    toLower() { 
    return this.renderer.setElementStyle(this.element.nativeElement, "text-transform", "lowercase"); 
    } 

    reset() { 
    return this.renderer.setElementStyle(this.element.nativeElement, "text-transform", ""); 
    } 
}