*ngIf 和子组件

Question

我正在尝试创建一个组件，该组件具有定义是否将呈现模板的某些部分的参数。这是我的子组件：

Render below? {{render}}
<p *ngIf="render">
    Content to be rendered
</p>

这是主要组件中的用法：

<app-test render="false"></app-test>

最后，这是代码：

export class TestComponent implements OnInit {

  @Input() render: boolean = true;

  constructor() { }

  ngOnInit() {
  }

}

这是结果：

请注意，“render”属性为“false”，但仍会呈现应基于参数呈现的代码部分。

这是 StackBlitz：https ://stackblitz.com/edit/angular-zch3gp

提前致谢

Answer 1

您应该使用绑定括号，现在您只是绑定字符串 'false'：

<app-test [render]="false"></app-test>