Angular2 Use Components HTMLで初期化されたクラス

Question

次のことが可能かどうか疑問に思っていました。コンポーネントの初期化されたクラスをHTMLで使用して、コンポーネントにない関数を呼び出すことはできますか？例：

@Component 
... 
export class TestComponent implements OnInit { 
    simpleHandler:SimpleHandler = new SimpleHandler(); 
... 

次に、HTMLコールではそうですか？

<div> 
{{simpleHandler.isValid()}} 
</div> 

コンポーネント自体の関数とプロパティのみを呼び出すことはできますか？

私はこれをしようとすると、それはこのエラーを与える：

TypeError: self.parentView.parentView.context.simpleHandler.isValid is not a function 

Answer 1

はい、あなたはそれを行うことができます。たとえば、このパターンは、NG2-ファイルアップロード

@Component({ 
    selector: 'simple-demo', 
    templateUrl: './simple-demo.html' 
}) 
export class SimpleDemoComponent { 
    public uploader:FileUploader = new FileUploader({url: URL}); 
    ... 
} 

とhtml内で使用されます。

<button type="button" class="btn btn-success btn-xs" 
    (click)="item.upload()" [disabled]="item.isReady || item.isUploading || item.isSuccess"> 
    <span class="glyphicon glyphicon-upload"></span> Upload 
</button>