如何让组件检测其在angular2中的隐藏状态？

Question

我有两个组件，子组件显示状态由父级控制。如何让孩子知道它的父母是否改变了隐藏的属性？

// Parnet 
@Component(selector: '[component-parent]', 
    templateUrl: 'component-parent.html') 
class ComponentParent { 
    bool enableChild; 
} 

<div> 
    <div component-child [hidden]="enableChild"></div> 
</div> 

// Child 
@Component(selector: '[component-child]', 
    templateUrl: 'component-child.html') 
class ComponentChild { 
    // How child aware not it is not hidden anymore? 
} 

Answer 1

组件需要一个@Input()具有匹配名称以支持[xxx]="..."结合：

@Component(selector: '[component-child]', 
    templateUrl: 'component-child.html') 
class ComponentChild { 
    @Input() 
    set hidden(bool val) { 
    print(val); 
    } 
}