2017-01-15 5 views
0

初めてカスタム角度指令を書いています。したがって、私が以下で説明したように書くことがベストプラクティスであるかどうかを知る必要があります。幅、高さ、色などのような角度カスタムボタン指示に属性を渡すのは良いですか?

私は、アプリケーション全体で使用されるカスタムボタンを作成する必要があります。私は各Webページにhtmlボタンを書いていないので、そのためにディレクティブを作成したいので、1行の宣言を使って再利用することができます。

  • 無効(初期)
  • 有効(フォームの値が満たす制約)と
  • ホバー状態:

    私のボタンは3つの状態があります。

ボタンは、静的な幅、高さ、色などを持っている必要があります...しかし、私はまた私がのいずれかの形式で特殊なケースを持っているしたい場合など、ケース内のHTMLから渡したいです:私はある特定の形式でのみ幅を変更したい。

コントローラから属性を渡すことができましたが、コードを作成するのに適していますか?

サンプルjsfiddle: http://jsfiddle.net/jaimem/y85Ft/7/

enter code here 

<html> 

</html> 

Parametersキー、値および受け入れは、コントローラから渡されます。幅、高さ、色なども渡す必要がありますか?それは良い練習ですか?

私に正しい方法を教えてください。

+0

実際のコードを質問に貼り付けるだけで、警告を回避することはできません。 –

答えて

0

あなたはng-classは、あなたのスタイルにマップするいくつかのオプションを取ることができ、あなたのdivまたはbuttonタグにng-classを使用することができます。

あなたはこのdivによって行われ、異なるロジックを持っていて、いくつかのオプションを渡す必要があり、複数のページで使用されているいくつかのロジックを持っている場合は、このThe Many Ways To Use ngClass

を確認することができます。

0

<myButton isValid=... hover=... styles=... />を渡す。ここで、isValidは、trueまたはfalse、コントローラ内の機能であり、スタイルは{ color: ..., background: ... }などのスタイルを含むオブジェクトです。

関連する問題