Angular 1.5.x中的动态组件

Question

超越基础

为了让人们更容易理解我想要做的事情，我做了一个简单的https://stackoverflow.com/a/24368561/3915468，其中包含一些组件; cList，cListItem，cAddItem，cEditItem，cPanel。

Controller将一系列项目（它从我们的数据存储中神奇地收到）传递给cList组件，后者又会呈现每个项目。

Add New Item按钮应该在点击并销毁时初始化cPanel组件？当面板关闭或成功创建新项目时本身。

每个项目都有一个edit按钮，该按钮将使用要编辑的项目初始化面板。就像Add New Item一样，当面板关闭或项目成功更新时，它应该自行销毁。

简单的CRUD，没什么特别的。

问题

• 我不太了解我应该如何调用面板。
• 如果应从Controller。
调用面板
• 如果可以动态初始化和销毁​​面板。
• 如果我应该将cAddItem和cEditItem分成不同的模块（让处理面板的显示变得更容易？）。
• 如果cPanel组件的实现将其视为可重用组件。

你能帮助我将我的例子发展成一个工作原型吗？

资源

Angular plunker
Todd Motto Components Todd Motto Components

PS

我正在使用AngularJS 1.5.8