角度替换面板在同一位置

Question

我有一个角度js应用程序，如plunker

点击My academic course旁边的 + 后，会打开一个新面板，以获取可供选择的课程列表。当我们点击“学术”时，它会显示一个包含所有孩子的新面板。但是，当我点击Applied Sciences中的关联时，它会在上一个旁边打开一个新面板，而不是替换上一个面板。如何定义用“应用科学”面板取代“学术”面板的方法？

Answer 1

我updated your plunker向您展示可以做到的一种方式。

基本上，您在ng-click上的＆＃34;学术＆＃34;和＆＃34; appliedscience＆＃34;纽扣。在此功能中，您可以进行简单的切换以在两个备选项之间切换。如果您想要更多按钮，只需将其添加到切换。