AngularJS 指令与带有类的 HTML 样式答案

【问题标题】：AngularJS directive vs HTML styles with classesAngularJS 指令与带有类的 HTML 样式
【发布时间】：2014-06-28 21:34:03
【问题描述】：

我正在使用带有 angular-ui 扩展的 AngularJS 框架编写一个单页 Web 应用程序。

我想为所有类型的 GUI 组件（如 DropdownList、DatePicker 和其他自定义组件）创建自己的外观。

我什么时候应该编写自定义指令，什么时候应该使用 div 之类的 HTML 标记，以及跨越 css 类（边框、背景、悬停时的附加按钮等等）来实现这一点？

使用类创建自定义指令或 html 标签是好还是坏？

你怎么看？

谢谢

【问题讨论】：

您不需要 Angular（或任何框架）来为应用程序设置样式。
@lucuma - 我在询问是否使用 angular 指令来创建自定义 GUI 组件，这意味着该指令的模板将包含 div 和样式并充当独立组件，而不是作为我的 DOM 的一部分使用仅样式（没有任何指令）
你的问题是用类创建指令或html标签是否更好。如果您可以使用 html 标记和类来完成它，那么使用自定义指令就没有什么意义了。

【解决方案1】：

指令用于DOM 操作 - 如果你可以只用一个类来实现你想要的，那就去做吧。如果您需要使用不同的 HTML 元素/更改元素的功能，请应用指令。

【讨论】：

你能带上你自己的用例吗？你什么时候使用 css 样式，什么时候使用你自己的指令？
@xhuur -- 我能想到的最好的例子，我最近使用过 - 我们希望多个 select 在移动设备上本机运行，并在台式机/笔记本电脑上自定义复选框下拉菜单 - 编写了一个指令，当应用检查移动设备并在此基础上应用正确的 HTML。如果我们只想以某种方式设置 select 的样式，则可以使用类，但我们必须更改功能。