問題タブ [custom-directive]

サンプル画像

Y 軸 (highcharts-axis-resizer) をドラッグしてグラフの縦横比を変更すると、同じグループとクラスの重複した軸 (複数であっても) が生成され、動作を変更しても機能しないことがある.

カスタム属性ディレクティブを定義しました:

'vvdirective' CSS クラスを共有する要素を灰色の背景とネイビーのフォント色に変更します。また、コンソール メッセージも出力します。

これは、従来のユースケースで機能します。

写真：

しかし

コンポーネント内でこのディレクティブを使用する場合:

HTML:

&TS:

& APP TS を呼び出す:

機能しません (背景/フォントの色は変化せず、コンソール メッセージも表示されません):

写真：

次のようになります。

写真：

そして、私が驚いたのは、最終的に両方のコード サンプル (旧式のディレクティブ呼び出しを含むものと、コンポーネントを介した呼び出しを含むもの) が CSS クラスを持っていることです。

ただし、最初の (コンポーネントに埋め込まれていない) のみが、ディレクティブの変更によって影響を受けます。

後者の場合、コンポーネントで使用される ngClass ディレクティブの動作が異なるようです。

アプリのライフサイクルに関係しているのかもしれませんが、わかりません。

したがって、ngClass と私のカスタム ディレクティブの両方を使用してコンポーネントを作成する方法を知っている場合は、あなたの回答に細心の注意を払います!

HERE THE PLUNKER: プランカー

こちらの GITHUB リポジトリ: git repo

一番、

私はAngularJSを学んでいます。メールが既に存在するかどうかを確認するカスタム ディレクティブを作成しようとしています。9 人のユーザーがいるアレイからメールを取得し、Factory を使用して正常に取得できます。カスタム ディレクティブに関する私の問題は、入力したボタンに関係なく無効になることです。ディレクティブの考え方は、フォーカスを失うと、電子メールが存在するかどうかを確認するか、存在しない場合はボタンを無効にし、そうでない場合はボタンを有効にすることです。

ご覧のとおり、これが私のディレクティブです。フラグを使用しようとしましたが機能しませんでした。フラグをブール値に変更しようとしましたが、まだ機能していません。HTML も表示します。ng-model を使用していないため、var emailInput = email.val() が問題を引き起こしているかどうかはわかりません。

それが私のHTMLです。このタスクで電子メールが有効かどうかを確認していないことに注意してください。メールが配列に既に存在するかどうかを確認しているだけです。