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() 暴露出方法来给父组件操作