组件间通信

Question

我使用 Angular 1.6。我有组件"用户详细信息"，其中包含另外两个组件"切换器"和"用户表"像这样：

<user-details>
    <switcher> </switcher>
    <user-table> </user-table>
</user-details>

"

切换台"组件包含MD切换器，"用户表"包含包含数据的表。当我按下 md-switcher 时，我需要在 ng-if 指令的帮助下隐藏我的"用户表"组件。

Answer 1

您可以使用div（甚至span）包装<user-table>组件，然后使用ng-if或ng-show。然后可以使用 md-switcher 更改隐藏此组件的条件。

因此，假设您有这样的 md 切换器：

<md-switch ng-model="canShow" aria-label="Show?">
  Show ?
</md-switch>

表达式 "canShow" 用于绑定数据，稍后用于决定显示/隐藏<user-table>，如下所示：

<div ng-show="canShow" ...>
  <user-table> </user-table>
</div>

虽然我用了div，但我相信使用span可以获得类似的效果。试一试，让我们知道它是否有帮助。