我可以以某种方式将 Angular Strap 的 "aside" 指令合并到 Angular UI 中吗？

Question

我真的没有代码要展示。我想也许它会像复制模块指令一样简单，从angular strap到ui bootstrap，但这显然被证明是不正确的。还有其他人尝试过这样做并取得成功吗?重申一下，我希望能够在AngularUI Bootstrap中使用Angular Strap的aside模块。

Answer 1

这两种产品的构造都使您可以选择使用哪些部件。如果你看一下Github，你会发现Aside的独立源代码:

https://github.com/mgcrea/angular-strap/blob/master/src/aside/aside.js

下载并包含在你的项目中

Answer 2

就像@Don在他的评论中说的，aside需要来自ngStrap的modal指令，这将与ui-bootstrap的modal指令发生冲突。但还是有办法的。

解决方案很简单，我只需要添加一个依赖项来从AngularStrap CSS项目中获得基本的CSS，尽管这不是真正需要的，但节省了一些时间。依赖项是自引导添加的，您只需要aside。

代码非常简单，因为angular-ui模态组件允许为模态内容和模态容器使用自定义模板，所以你不必局限于引导模态，你可以创建自己的模态。

$modal.open({
    templateUrl: ‘your.modal.template.html’,
    windowTemplateUrl: ‘aside.template.html’
});

这是完整的教程/解决方案，我得到了答案。