使用多个@input（）装饰器-ionic4

我正在运行ionic 4应用程序

我创建了一个消息组件，该组件相应地加载了传递@Input给它的错误。

因此它将加载FormControl验证并显示我在服务中定义的自定义消息；

我想知道的是，如果有某种方法可以向组件发送多个属性，我想

这是组件：

  @Component({
    selector: 'control-messages',
    template: `
{{errorMessage}}
`
  })
  export class ControlMessagesComponent {
    @Input() control: FormControl;

    constructor() { }

    get errorMessage() {
      for (const propertyName in this.control.errors) {
        if (this.control.errors.hasOwnProperty(propertyName) && this.control.touched) {
          return ValidationService.getValidatorErrorMessage(propertyName, this.control.errors[propertyName]);
        }
      }
      return null;
    }
  }

我如何通过父级发送另一个参数以将其加载到模板中{{color}}，如

    template: `
{{errorMessage}}
`

Fateme Fazli.. 5

您可以根据需要设置任意多个输入：

父html：

儿童ts：

export class ControlMessagesComponent {
    @Input() control: FormControl;
    @Input() color: string;

子html：

template: `
{{errorMessage}}
`

但是，如果您success | warn | danger从formControl 中检查，则无需从父级发送它。

您可以根据需要设置任意多个输入：

父html：

儿童ts：

export class ControlMessagesComponent {
    @Input() control: FormControl;
    @Input() color: string;

子html：

template: `
{{errorMessage}}
`

但是，如果您success | warn | danger从formControl 中检查，则无需从父级发送它。