typescript - 如何将语法“inputs”属性更改为“@Input”属性装饰器

Question

我有一段看起来像这样的代码

@Component({
    selector: 'control-messages',
    inputs: ['controlName: control'],
    template: `<div *ngIf="errorMessage !== null">{{errorMessage}}</div>`
})

如何将其更改为 @Input() 属性装饰器。

Answer 1

请参阅https://angular.io/docs/ts/latest/guide/template-syntax.html#!#inputs-outputs

inputs:['controlName: control']  // propertyName: alias

@Input('control') controlName: optional_type;  //  @Input('alias') propertyName:type

所以如果controlName是一个字符串：

@Input('control') controlName: string;

Answer 2

应该是这样的：

import {Component, OnInit, Input} from 'angular2/core';

@Component({
    selector: 'control-messages',
    template: `<div *ngIf="errorMessage !== null">{{errorMessage}}</div>`
})

export class YourClass{
    @Input()
    controlName: control;

    constructor() {

    }

    ngOnInit() {
    }
}