2017-01-15 15 views
0

我正在写第一次自定义角度指令。因此,需要知道是否是最佳做法,正如我在下面解释的那样。将宽度,高度,颜色等属性传递给角度自定义按钮指令是否好?

我需要创建一个自定义按钮,将在整个应用程序中使用。我不想在每个网页上编写html按钮,因此想要为其构建指令,以便我可以使用单行声明重新使用它。

我的按钮具有3种状态:

  • 无效(初始)
  • 有效(当表单值满足约束条件)和
  • 悬停状态。

该按钮应该有一个静态的宽度,高度,颜色等等......但我也想从html传递的情况下,如果我想有一个特殊情况下的一种形式,例如:我只想以一种特定的形式改变宽度。

我看到我们可以传递控制器的属性,但它是一种很好的编码方式吗?

样品的jsfiddle: http://jsfiddle.net/jaimem/y85Ft/7/

enter code here 

<html> 

</html> 

Parameters项,值并接受从控制器通过。我应该通过宽度,高度,颜色等?这是一个好习惯吗?

请让我知道正确的方法。

+0

您应该将实际代码粘贴到问题中,而不是仅仅解决警告。 –

回答

0

您可以使用ng-class您的divbutton标签,ng-class可以采取一些映射到您的风格的选项。

您可以检查此The Many Ways To Use ngClass

如果你有被此div完成,在具有不同的逻辑多个页面中使用的一些逻辑,你需要传递一些选项。我建议你使用自定义指令该

0

通特性<myButton isValid=... hover=... styles=... />,其中的isValid是一个标志:真或假,悬停是你的控制器和样式中的一个函数是包含您的风格,像一个{ color: ..., background: ... }对象。