angular中父子组件怎么相互控制

Question

父组件的点击事件可以显示子组件并隐藏自身部分内容子组件的点击事件可以显示父组件隐藏的内容，并隐藏自身父组件app<div class="container"><div class="row"><div class="col-md-7">   <p>app中的内容，打开home时隐藏，从home返回时显示</p>   <button class="btn btn-primary">打开home</button></div><div class="col-md-4">   <app-home></app-home></div></div></div>子组件home<p>我是 home</p><button class="btn btn-primary">返回app</button>

Answer 1

在子组件中通过@output() 暴露出方法来给父组件操作