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

似乎该行为是由于使用我的组件的HTML中的someprop绑定中传递的test导致的。

例如...

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

仍然无法解释为什么尾随HTML没出现在之后上，但是将组件输入名称的拼写固定为应有的样子之后，一切都开始了工作正常。

为此问题的解决方案是，缺少提供给我组件输入的变量名（拼写不正确），问题出在我的组件上，而不是组件调用它。

角插值异常行为

1 个答案: