Javascript AngularJS-应用程序内部件的异步加载

目前我正在开发我的应用程序，我决定使用AngularJS作为框架来构建我的前端代码。然而，我对AngularJS没有任何经验，因此，我目前正在努力研究它的概念和逻辑

下面你可以看到我的应用程序框架的草稿：

所以我要做的是为我的整个应用程序创建一个单页应用程序

在

中，可以选择要在工作区中显示的不同页面。我学会了使用

指令可以实现这种行为

但是，我想做的是，根据在

（>当前加载的视图）中单击的按钮，我想显示不同的

例如：如果单击工作区中的

编辑对象

按钮，编辑对象的表单将加载到侧栏中

起初我认为我可以通过在应用程序中使用多个

ng view

指令来解决这个问题，但我知道这是不可能的

那么，您对如何实现上述行为有何想法？ 我想在应用程序中需要时异步加载

模板

。这些侧边栏模板应包含一些逻辑，例如提交数据的按钮等

我真的不知道如何实现这种行为，因为在这种情况下，我也在努力学习如何使用作用域和控制器

高度推荐任何想法、文章、示例！谢谢

编辑：我创建了一个关于AngularJS将如何处理该过程的小而简单的草稿：

---

您可以使用角度用户界面

UI路由器比默认的AngularJS路由器具有更强大的路由功能

对于视图，使用Angular UI，您可以在同一文档（UI视图）中拥有多个视图，并且每个视图可以根据当前应用程序状态（URL）加载不同的模板

以下是这些组件的文档：

你绝对应该去看看

请注意，一旦获得两个模板，它们将位于不同的作用域中，因此您需要某种通信服务来处理从一个作用域到另一个作用域的数据传递，而无需进入$watch或$rootscope地狱