在角度2的componentRef上添加动态隐藏属性

Question

我现在已经使用角度很长一段时间了，但我最近切换到Angular 2.我正在尝试以编程方式创建一个组件并应用隐藏属性，以便它可以动态切换显示状态，如：

<my-component [hidden]="imIHidden"></my-component>

我正在创建我的组件：

const component = this.moduleFactory.getComponent(this.componentFactoryResolver, MyComponent);
var componentRef = this.target.createComponent(component);

我尝试过几件事，但我无法在新创建的组件上设置隐藏属性。能帮帮我一下这个吗？

Answer 1

这应该有效：

class MyComponent {
  @HostBinding('hidden')
  isHidden: boolean = false;
}

componentRef.instance.isHidden = true;