css - 导入 Yeoman/Angularjs 应用程序

标签 css angularjs less

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

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

非常感谢帮助。

最佳答案

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

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

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

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

关于css - 导入 Yeoman/Angularjs 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24985803/

相关文章:

html - 制作坟墓形状。我该怎么做?

html - 我可以阻止 100% 宽度的文本框超出其容器吗?

java - 在 Jhipster 微服务模型上开发面向客户端的 UI 的最佳方法/实践?

ruby-on-rails-3.1 - 如何在Ruby on Rails 3.1应用程序中使用Less?

meteor - LESS 文件如何在 Meteor 中工作?

javascript - 在 JS 中 if (condition) 表示 == true 或 === true

html - 有没有一种更有效的方法可以将图像居中放置在 float 的 div 中

javascript - AngularJS 中多个 $http 请求的最佳实践是什么?

javascript - 如何控制在 AngularJS 中应用属性指令的顺序?

css - 名称错误 : variable @screen-sm-min is undefined