Угловая интерполяция странного поведения

Question

Итак, у меня есть ваш базовый компонент Angular 7.2.12, но по какой-то причине этот компонент делает что-то странное.

@Component({
  selector: 'app-combo',
  template: '<p [attr.data]="attrb">Hello {{blah}} how are you?</p>'
})
export class ComboComponent implements OnInit {
  public blah: string = 'Bob';
  @Input() public attrb: string = 'Something';

  ngOnInit() { }
}

Теперь, если я использую это, HTML-код, который отображается в браузере, будет ...

<app-combo [test]="someprop">
  <p>Hello </p>
</app-combo>

Где все, включая и после моя привязка исчезла.

Я прошел по коду, и мое общедоступное свойство установлено, и я пробовал целый ряд других общедоступных свойств, включая @Input(), но по какой-то причине это похоже на то, что нет доступных общедоступных свойств что шаблон использует.

Что еще более безумно, так это то, что HTML-текст, следующий за интерполяцией, также отсутствует!

Все остальные мои компоненты работали нормально, просто этот конкретный компонент не работает.

Есть идеи?

Answer 1

Кажется, что поведение было результатом передачи someprop в привязке test в HTML, который использовал мой компонент, не существует.

например ...

<app-combo [test]="CORRECTLY_SPELT_VARIABLE">

До сих пор не могу объяснить, почему конечный HTML после руль не появился раньше, но после исправления написанияимя входа компонента к тому, что должно было быть, все начало работать как ожидалось.

Решение для этого было найдено в имени переменной, подаваемой на вход моего компонента, отсутствовало (неправильно написано), и этопроблема была не в моем компоненте, а в компоненте, вызывающем его.