css - 导入 Yeoman/Angularjs 应用程序

Question

我一直在尝试寻找这个问题的答案，但真的不知道该寻找什么。我想知道是否有任何方法可以在 AngularJS 中创建一个包含指令、CSS 等的“组件”并在另一个元素中使用该组件？

例如，我想创建一个 angularjs 应用程序，其中包含我们公司在 css/less 中定义的基本布局以及自定义控件/指令的工具箱。然后我想在 AngularJS 中创建一个新应用程序并导入“基础”应用程序。

非常感谢帮助。

Answer 1

从本质上讲，您需要做的是获取所有您想要共享的指令、 Controller 、服务等，将它们移动到一个单独的文件夹中，然后将它们全部放在一个命名空间下。

然后，要在另一个 Angular 应用程序中重用该组件，您只需照常引用这些 JS/CSS 文件，并确保在设置 Angular 时将该元素声明为依赖项。

本质上就是这样——Angular 使您可以非常轻松地声明依赖项和重用代码。您不需要做任何特别的事情。

如果需要，您还可以尝试使用 Bower 管理和分发您的自定义组件(但如果这是公司代码，则可能不是一个选项，具体取决于您的设置)。如果是这样，this link包含有关如何执行此操作的更多详细信息。