检测值更改以进行验证

Question

我有以下模型（tournament.model.ts）：

export class Tournament {

    constructor(
        private _id: string,
        private _name: string) {}


    @Input()
    setName(value: string) {
        this._name = value;
    }
}

我在tournament-form.component.ts中使用上述模型来获取用户输入。如代码所示，我希望使用setter来检测值＆＃34; name＆＃34; 的更改。

我想验证名称并在名称文本框下方显示验证错误。 有没有办法可以做到这一点，还是有更好的方法？

请注意，这是一个模板驱动的表单，这不适用于标准的html5验证。我尝试在整个模型上使用@Input（），但它没有用。

export class TournamentFormComponent implements OnInit, OnChanges {

    @Input() private tournament: Tournament;


    @ViewChild('t') t; //reference to the tabbed form
    private pageTitle : string;
}