問題タブ [ng-switch]

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 投票する
1 に答える
4569 参照

javascript - AngularJS スイッチ式が評価されますが、正しい結果がトリガーされません

スイッチを使用して、いくつかの画像 URL パラメーターを制御しようとしています。URL に疑問符が含まれている場合、私のimage.marketplaceノードはimage.url.indexOf('?')and であり、または正の整数のいずれかに評価されます。-1式 ( ng-switch on="{image.marketplace == -1}") を適切に評価することはできますが、正しい「いつ」条件をトリガーしません。理由について何か考えはありますか?

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

javascript - 値が変更されたときにカスタム ディレクティブに埋め込まれた NG スイッチが評価されない

基本的に再利用可能なフォームであるカスタム ディレクティブを作成しました。フォームの一部は、以下を使用するエラー メッセージ表示ですng-switch

ディレクティブのコントローラーで、サーバーで検証を実行する関数を定義しました。

この関数はlink、入力ボックスのぼかしイベントで関数によって呼び出されます。

私が気づいているのは、「検証中」状態が表示されないことですが、「エラー」/「成功」状態は正常に機能します。ng-switch現在のディレクティブの処理が完了した後にのみ、AngularJS がディレクティブを処理しているようです。

私が間違っていることはありますか?検証中の状態が表示されるように、この動作を回避する方法はありますか?

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

angularjs - Angular.js では、ng-switch ディレクティブ要素をその内容に置き換えることは可能ですか?

スイッチを使用して、条件付きでさまざまなコンテンツを含めています。内部コンテンツ (welcome ディレクティブなど) で親の ng-switch 要素を置き換えたい。replace=true 構成プロパティを使用してカスタム ディレクティブでこれを実行できることは知っていますが、ng-switch などの組み込みディレクティブでこれを行うことは可能ですか?

たとえば、tabIndex の値が「help」の場合、次の html が生成されるようにします。

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

angularjs - ng-options と ng-switch を一緒に使用する際の問題

AngularJS で ng-options と ng-switch を一緒に使用して、作業中のウィジェット ビルダーのページに配置されるコンテンツを動的に変更しようとすると、問題が発生します。

私が経験している 2 つの問題が
あります。
2. ng-option フィールドを変更すると、下のスイッチが壊れて正しいコードが表示されなくなります。

コードは次のとおりです。

そして、これを実行するための jsFiddle へのリンクがあります: http://jsfiddle.net/jpeak/dkvwa/

0 投票する
0 に答える
372 参照

javascript - angular ng-switchはオプションを切り替えずに追加します

コントローラーには、ng-switch が依存する変数である次のものがあります。

これは、currentClock.state の値を変更するために使用するものです。

代わりに ng-click で関数を使用してみましたが、同じ結果が得られました。これが (コントローラーからの) 関数です。

そして最後に、これが私の ng-switch です。

問題は次のとおりです: currentClock.state が true であるため、hourclock ディレクティブはデフォルトとして表示されます、分 div をクリックして currentClock.state を false に設定すると、hourclock が消えて minclock が代わりに配置されるのではなく、取得されます。分時計ディレクティブが追加され、時間の div をもう一度クリックすると、2 つの hourclock ディレクティブが追加されました。

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

javascript - Angular JS: ng-switch を使用してファイルが存在するかどうかを確認する

私は物事のリストをループしており、物事に画像がある場合はそれを表示したいと考えています。

しかし、ものに画像がない場合は、デフォルトのテキストを表示したい:

これは機能し、デフォルトのテキストが表示されます。

ただし、ブラウザは存在しない画像を取得しようとしてエラーをスローしています。

このエラーがスローされないように、この ng-switch 関数をフォーマットする方法はありますか?

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

angularjs - パーシャルangularjsでswitchステートメントを作成する

問題が発生しています。パーシャルで ng-switch を動作させることができません。私がやろうとしているのは画像をアップロードすることですが、アップロードする前に、含まれている画像のサイズが 25kb に達していないかどうかを最初に確認する必要があります。

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

そして私のパーシャルコード:

また、画像ファイルのサイズを確認する際に、私の検証で十分だと思いますか? たとえば、含まれる画像のサイズが 20MB の場合、私の検証でもそれをキャッチできますか? そもそも申し訳ありませんが、最初に switch ステートメントを機能させることができませんでした。:(

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

javascript - ng-switch でグローバル変数と比較する方法

AngularJS$rootScopeオブジェクトを使用して、コントローラーとビューの両方にアクセスできる必要があるいくつかのグローバル定数を公開しています。

ビューでグローバル値をレンダリングしようとすると、正しく機能します。

同様に、条件でグローバル値を参照すると、ng-ifそれも機能します。

ただし、ng-switchブロック内で比較に同じ値を使用しようとすると、true と評価されることはありません。この JSFiddleは、これを機能させるための私の試みを示しています。また、定数値を$rootScope(二重中括弧内の) メンバーおよび式として明示的に参照しようとしましたが、何も機能しません。

私が間違っていることはありますか?

ありがとう、

ティム