在 angular js 中将给定状态显示为模态视图和普通视图

Question

我是 AngularJs 的新手，我正在尝试实现这个独特的场景并面临设计挑战。

我在 UI 路由器的帮助下在我的应用程序中创建了一个菜单导航栏。
假设我的应用程序中有 3 个状态。

挑战在于我想根据导航方式将状态 C 显示为模式视图或普通视图。
如果从菜单导航到状态 C，我想将其显示为模式。
如果状态 C 是从应用程序中的特定点导航的，则它必须显示为带有一些附加元素的普通视图。

我正在尝试对模态视图和常规视图仅使用一个模板和一个控制器。
我正在使用 angular ui bootstrap.
提供的 $modal 服务 我想补充一点，状态 C 有一个 UI 网格，它从休息服务中获取数据。

我尝试过在状态中使用非 url 参数，或使用 resolve 将参数传递给模态并为模态使用单独的控制器，但不知道这是否是正确的方法而不导致代码冗余.

如果有人能指出正确的方向，我将不胜感激。
我很想 post 代码，但在这一点上我更多地将其视为设计问题。

Answer 1

为什么不创建一个 html 部分 - 这是您的模板，并从 ui-router 作为 templatePath 和 $此处描述的模态 http://weblogs.asp.net/dwahlin/building-an-angularjs-modal-service.

不过，我认为正确的方法是创建一个自定义指令 - 表示 tab3 或模式的内容。指令是 angular 重用和封装代码的方式。一旦你有了那个指令——也就是说，假设它被调用，那么从 ng-view 引用它就很简单了。模板（不需要 templatePath）只是变成：并且从 $modal.

引用时也一样

希望对您有所帮助。