2017-01-15 11 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: ... }對象。