Javascript 将属性从宽度、高度、颜色等传递给角度自定义按钮指令是否合适？_Javascript_Angularjs_Html_Angular Directive

Javascript 将属性从宽度、高度、颜色等传递给角度自定义按钮指令是否合适？

javascript angularjs html

Javascript 将属性从宽度、高度、颜色等传递给角度自定义按钮指令是否合适？,javascript,angularjs,html,angular-directive,Javascript,Angularjs,Html,Angular Directive,我第一次写自定义角度指令。因此，我们需要知道，正如我在下面解释的那样，写作是否是最佳实践我需要创建一个自定义按钮，将在整个应用程序中使用。我不想在每个网页上写html按钮，因此我想为它建立一个指令，这样我就可以使用单行声明重复使用它我的按钮有3种状态：无效（首字母）有效（当表单值满足约束时）和悬停状态按钮应具有静态宽度、高度、颜色等。。。但是如果我想在其中一个表单中有一个特殊的大小写，我还想从html中传递，例如：我只想在一个特定表单中更改宽度我看到我们可以从控制器传递属性，但

我第一次写自定义角度指令。因此，我们需要知道，正如我在下面解释的那样，写作是否是最佳实践

我需要创建一个自定义按钮，将在整个应用程序中使用。我不想在每个网页上写html按钮，因此我想为它建立一个指令，这样我就可以使用单行声明重复使用它

我的按钮有3种状态：

无效（首字母）
有效（当表单值满足约束时）和
悬停状态

按钮应具有静态宽度、高度、颜色等。。。但是如果我想在其中一个表单中有一个特殊的大小写，我还想从html中传递，例如：我只想在一个特定表单中更改宽度

我看到我们可以从控制器传递属性，但这是一种编写代码的好方法吗

示例JSIDLE：

在此处输入代码

参数key、value和accept从控制器传递。我应该同时通过宽度、高度、颜色等吗？这是一种好的做法吗

请告诉我正确的方法

您可以在

div

或

按钮

标签上使用

ng class

，

ng class

可以选择一些与您的风格相匹配的选项

你可以查一下

如果您有一些由这个

div

完成的逻辑，并且在具有不同逻辑的多个页面中使用，那么您需要传递一些选项。我建议您对此过程属性使用自定义指令，其中isValid是一个标志：true或false，hover是控制器中的一个函数，styles是一个包含样式的对象，如

{color:…，background:…}

您应该将实际代码粘贴到问题中，而不仅仅是绕过警告。

enter code here

<html>

</html>