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

Question

我有一段代码是这样的

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

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

Answer 1

应该是这样的:

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() {
    }
}