問題タブ [angularjs-directive]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1191 参照

angularjs - ディレクティブの名前で (またはとして) {{expression}} を使用するにはどうすればよいですか?

と という名前の 2 つのクラス制限ディレクティブがfooThingありbarThingます。

bazテンプレート スコープに、 または のいずれかに設定されfooた変数 がありますbar

要素のディレクティブの名前でそのスコープ変数を使用するにはどうすればよいですか?

すると<div class="{{baz}}-thing"></div>{{baz}}が適切に置き換えられますが、ディレクティブが読み込まれません。

すると<div class="foo-thing"></div>、ディレクティブが正しく読み込まれます。

これは Angular のダイジェスト/コンパイル サイクルと関係があるのではないかと思いますが、回避方法がわかりません。

テンプレートのその部分を最初に Angular にコンパイルさせて式を評価させ、次に再びコンパイルさせてそれをディレクティブとして認識させるにはどうすればよいでしょうか?

0 投票する
2 に答える
746 参照

html - 1つのテキストボックスに入力されたテキストが別のテキストボックスに入力されます

これがangularjsアプリのHTMLコードの一部です

これが私のコントローラーコードです

最初のテキストボックスに書き込んだ内容は、2番目のテキストボックスにも自動的に入力されます。

なぜdatが起こっているのですか。

それを回避する方法。

0 投票する
1 に答える
809 参照

html - デフォルトのテキスト ボックスの値を設定できません

これが私のangularjsアプリのhtmlコードです

そして、ここにコンストラクターコードがあります

1 つのテキスト ボックスにのみ既定値が設定されusr_emailていuser_name ます。

0 投票する
2 に答える
2322 参照

angularjs - AngularJS - フォーム検証に関するディレクティブ スコープの問題

フォーム入力ディレクティブに取り組んでいます。
http://jsfiddle.net/TR9Qt/1/

});

フォームをディレクティブに入れたときにフォームが検証されないのはなぜですか?

ありがとう、
ティー

0 投票する
6 に答える
103503 参照

angularjs - クラストグルをウィンドウスクロールイベントにバインド

ユーザーがブラウザウィンドウを特定のポイントより下にスクロールすると、#pagedivのクラスが切り替わります。

私がこれまでに行ったことはうまくいきます:

http://jsfiddle.net/eTTZj/29/

(ウィンドウをヘッダーの下にスクロールすると、100ピクセル、クラスが切り替わります)

私が間違っている場合は訂正してください。ただし、これはAngularでこれを行う正しい方法ではないと感じています。

代わりに、これを行うための最良の方法は、ng-classを使用し、スコープにブール値を格納することであると推測しました。このようなもの:

これは動的ではありませんが、スクロールコールバックでscope.boolChangeClassの値を変更すると、ng-classが更新されません。

だから私の質問は、ユーザーが特定のポイントの下にスクロールしたときに、AngularJSを使用して#pageのクラスを切り替えるのに最適な方法は何ですか?

0 投票する
2 に答える
2964 参照

angularjs - ディレクティブのng-clickと$compile()で変数を使用する

ボタンのセットを作成するディレクティブを作成しようとしています。ボタンは、画面上のデータを強調表示するためのオン/オフの切り替えとして機能します。

ディレクティブは次のとおりです。

datum['id'']作品がAngularjsによって確実に解釈されるようにするには、実行する必要があることを理解しましたが$compile()、これを実装する方法がわかりません。誰かがこれを達成するためにこのコードを変更する方法を教えてもらえますか?(同様に、これがこれを行う正しい方法ではない場合は、私に知らせてください)。ありがとう!

0 投票する
1 に答える
311 参照

javascript - 別のディレクティブを呼び出すテンプレート ディレクティブ

angular.js と d3.js を使用するマルチデータ アプリを開発しています。<svg> をスコープに含めるのに苦労しています。

現在起こっていることは、ngRepeat がそのメソッドを実行する前に、ディレクティブ ngTests がロードされているということです。

皆さんがより良いアイデアを得ることができるように、ここにフィドルを置いています。

jsfiddle

PS : ngTests ディレクティブで td id を取得できますが、まったく更新されません<td ng-tests id="histogram{{$index}}"

この行を<td ng-tests id="histogram">.

ありがとうございました。

0 投票する
4 に答える
100739 参照

javascript - ディレクティブ コントローラーのメソッドを他のコントローラーから呼び出す

独自のコントローラーを持つディレクティブがあります。以下のコードを参照してください。

これは、エラー/通知/警告の通知システムを意図しています。私がやりたいことは、別のコントローラー (ディレクティブではない) からshowこのコントローラーの関数を呼び出すことです。その際、いくつかのプロパティが変更されたことをリンク関数で検出し、いくつかのアニメーションを実行することも必要です。

私が求めているものを例示するコードを次に示します。

showそのため、ディレクティブ コントローラーを呼び出すときpopdownは、リンク関数もトリガーされ、アニメーションを実行する必要があります。どうすればそれを達成できますか?

0 投票する
2 に答える
8810 参照

angularjs - AngularJS でルートが変更されたとき (アニメーション、ローダーなど) にコールバックを発生させる

私はAngularJSにかなり慣れていません。

ルートが変更されると、ng-view の内容が変更されます。私ができるようにしたいのは、ルートが変更されたときに何らかの動作をフックすることです。

  1. たとえば、終了するビューをアニメーション化し (フェードアウトして左にスライド)、次のビューがすぐに利用できるようになったら、ビューをフェードしてスライドインできるようにしたいと考えています。これは、クラスを追加することで実装できます。ルートの読み込み時にボディに移動し、ルートの変更時にクラスを削除することに成功しました

  2. ビューを現在のビューの右側に積み重ねて、次のビューが最初に現在のビューの右側に読み込まれ、次にビューポートが右にスライドして現在のビューが表示されるようにする機能が必要です。ビューのスライドがほとんどビューから外れ、次のスライドがビューにスライドします (Windows Phone のオフ キャンバス ナビゲーションのように)

$routeProvider はこれを行うのに適切な場所ですか?

私を正しい方向に向けてくれる教祖はいますか?

0 投票する
2 に答える
14068 参照

javascript - フォームにデータが保存されていないときにブラウザの戻るボタンのアラートを表示するAngular jsディレクティブ

私はangularjsの初心者です。フォームに保存されていないデータがあり、ユーザーがブラウザの戻るボタンを押したときにアラートを表示する方法はありますか. これを達成する方法についての指針をいただければ幸いです。

アップデート: :

更新されたコード