問題タブ [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.
angularjs - ディレクティブの名前で (またはとして) {{expression}} を使用するにはどうすればよいですか?
と という名前の 2 つのクラス制限ディレクティブがfooThing
ありbarThing
ます。
baz
テンプレート スコープに、 または のいずれかに設定されfoo
た変数 がありますbar
。
要素のディレクティブの名前でそのスコープ変数を使用するにはどうすればよいですか?
すると<div class="{{baz}}-thing"></div>
、{{baz}}
が適切に置き換えられますが、ディレクティブが読み込まれません。
すると<div class="foo-thing"></div>
、ディレクティブが正しく読み込まれます。
これは Angular のダイジェスト/コンパイル サイクルと関係があるのではないかと思いますが、回避方法がわかりません。
テンプレートのその部分を最初に Angular にコンパイルさせて式を評価させ、次に再びコンパイルさせてそれをディレクティブとして認識させるにはどうすればよいでしょうか?
html - 1つのテキストボックスに入力されたテキストが別のテキストボックスに入力されます
これがangularjsアプリのHTMLコードの一部です
これが私のコントローラーコードです
最初のテキストボックスに書き込んだ内容は、2番目のテキストボックスにも自動的に入力されます。
なぜdatが起こっているのですか。
それを回避する方法。
html - デフォルトのテキスト ボックスの値を設定できません
これが私のangularjs
アプリのhtmlコードです
そして、ここにコンストラクターコードがあります
1 つのテキスト ボックスにのみ既定値が設定されusr_email
ていuser_name
ます。
angularjs - AngularJS - フォーム検証に関するディレクティブ スコープの問題
フォーム入力ディレクティブに取り組んでいます。
http://jsfiddle.net/TR9Qt/1/
});
フォームをディレクティブに入れたときにフォームが検証されないのはなぜですか?
ありがとう、
ティー
angularjs - クラストグルをウィンドウスクロールイベントにバインド
ユーザーがブラウザウィンドウを特定のポイントより下にスクロールすると、#pagedivのクラスが切り替わります。
私がこれまでに行ったことはうまくいきます:
(ウィンドウをヘッダーの下にスクロールすると、100ピクセル、クラスが切り替わります)
私が間違っている場合は訂正してください。ただし、これはAngularでこれを行う正しい方法ではないと感じています。
代わりに、これを行うための最良の方法は、ng-classを使用し、スコープにブール値を格納することであると推測しました。このようなもの:
これは動的ではありませんが、スクロールコールバックでscope.boolChangeClassの値を変更すると、ng-classが更新されません。
だから私の質問は、ユーザーが特定のポイントの下にスクロールしたときに、AngularJSを使用して#pageのクラスを切り替えるのに最適な方法は何ですか?
angularjs - ディレクティブのng-clickと$compile()で変数を使用する
ボタンのセットを作成するディレクティブを作成しようとしています。ボタンは、画面上のデータを強調表示するためのオン/オフの切り替えとして機能します。
ディレクティブは次のとおりです。
datum['id'']
作品がAngularjsによって確実に解釈されるようにするには、実行する必要があることを理解しましたが$compile()
、これを実装する方法がわかりません。誰かがこれを達成するためにこのコードを変更する方法を教えてもらえますか?(同様に、これがこれを行う正しい方法ではない場合は、私に知らせてください)。ありがとう!
javascript - 別のディレクティブを呼び出すテンプレート ディレクティブ
angular.js と d3.js を使用するマルチデータ アプリを開発しています。<svg> をスコープに含めるのに苦労しています。
現在起こっていることは、ngRepeat がそのメソッドを実行する前に、ディレクティブ ngTests がロードされているということです。
皆さんがより良いアイデアを得ることができるように、ここにフィドルを置いています。
PS : ngTests ディレクティブで td id を取得できますが、まったく更新されません<td ng-tests id="histogram{{$index}}"
。
この行を<td ng-tests id="histogram">
.
ありがとうございました。
javascript - ディレクティブ コントローラーのメソッドを他のコントローラーから呼び出す
独自のコントローラーを持つディレクティブがあります。以下のコードを参照してください。
これは、エラー/通知/警告の通知システムを意図しています。私がやりたいことは、別のコントローラー (ディレクティブではない) からshow
このコントローラーの関数を呼び出すことです。その際、いくつかのプロパティが変更されたことをリンク関数で検出し、いくつかのアニメーションを実行することも必要です。
私が求めているものを例示するコードを次に示します。
show
そのため、ディレクティブ コントローラーを呼び出すときpopdown
は、リンク関数もトリガーされ、アニメーションを実行する必要があります。どうすればそれを達成できますか?
angularjs - AngularJS でルートが変更されたとき (アニメーション、ローダーなど) にコールバックを発生させる
私はAngularJSにかなり慣れていません。
ルートが変更されると、ng-view の内容が変更されます。私ができるようにしたいのは、ルートが変更されたときに何らかの動作をフックすることです。
たとえば、終了するビューをアニメーション化し (フェードアウトして左にスライド)、次のビューがすぐに利用できるようになったら、ビューをフェードしてスライドインできるようにしたいと考えています。これは、クラスを追加することで実装できます。ルートの読み込み時にボディに移動し、ルートの変更時にクラスを削除することに成功しました
ビューを現在のビューの右側に積み重ねて、次のビューが最初に現在のビューの右側に読み込まれ、次にビューポートが右にスライドして現在のビューが表示されるようにする機能が必要です。ビューのスライドがほとんどビューから外れ、次のスライドがビューにスライドします (Windows Phone のオフ キャンバス ナビゲーションのように)
$routeProvider はこれを行うのに適切な場所ですか?
私を正しい方向に向けてくれる教祖はいますか?
javascript - フォームにデータが保存されていないときにブラウザの戻るボタンのアラートを表示するAngular jsディレクティブ
私はangularjsの初心者です。フォームに保存されていないデータがあり、ユーザーがブラウザの戻るボタンを押したときにアラートを表示する方法はありますか. これを達成する方法についての指針をいただければ幸いです。
アップデート: :
更新されたコード