Угловой 6,1 секунды @ Вход не распознан

Question

Когда я использовал только 1 @Input (см. ElementType ниже), все в порядке.Но когда я добавляю второй @Input (подсказка проверки), первый ввод распознается, а второй - нет.

@Component({
  selector: 'sh-workspace-header',
  templateUrl: './workspace-header.component.html',
  styleUrls: ['./workspace-header.component.scss']
})
export class WorkspaceHeaderComponent implements OnInit {
  @Input() ElementType: string;
  @Input() ValidationHint: string;  <- Not recognized
  @Output() HeaderEvent = new EventEmitter<WorkspaceHeaderEvent>();

HTML-код, ссылающийся на этот компонент:

  <div class="heading">
    <sh-workspace-header [ElementType]="'Project'" 
                         [ValidationHint]="'none'" 
                         (HeaderEvent)="catchHeaderEvent($event)" >
    </sh-workspace-header>
  </div>

Консоль Chrome Dev Tools:

Answer 1

Если вы передаете строку.Вы можете передать нормальный атрибут вместо привязки атрибута, удалив квадратную скобку.

<sh-workspace-header ElementType="'Project'" ValidationHint="'none'" (HeaderEvent)="catchHeaderEvent($event)" >
</sh-workspace-header>