問題タブ [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.
javascript - AngularJS スイッチ式が評価されますが、正しい結果がトリガーされません
スイッチを使用して、いくつかの画像 URL パラメーターを制御しようとしています。URL に疑問符が含まれている場合、私のimage.marketplace
ノードはimage.url.indexOf('?')
and であり、または正の整数のいずれかに評価されます。-1
式 ( ng-switch on="{image.marketplace == -1}"
) を適切に評価することはできますが、正しい「いつ」条件をトリガーしません。理由について何か考えはありますか?
javascript - 値が変更されたときにカスタム ディレクティブに埋め込まれた NG スイッチが評価されない
基本的に再利用可能なフォームであるカスタム ディレクティブを作成しました。フォームの一部は、以下を使用するエラー メッセージ表示ですng-switch
。
ディレクティブのコントローラーで、サーバーで検証を実行する関数を定義しました。
この関数はlink
、入力ボックスのぼかしイベントで関数によって呼び出されます。
私が気づいているのは、「検証中」状態が表示されないことですが、「エラー」/「成功」状態は正常に機能します。ng-switch
現在のディレクティブの処理が完了した後にのみ、AngularJS がディレクティブを処理しているようです。
私が間違っていることはありますか?検証中の状態が表示されるように、この動作を回避する方法はありますか?
angularjs - Angular.js では、ng-switch ディレクティブ要素をその内容に置き換えることは可能ですか?
スイッチを使用して、条件付きでさまざまなコンテンツを含めています。内部コンテンツ (welcome ディレクティブなど) で親の ng-switch 要素を置き換えたい。replace=true 構成プロパティを使用してカスタム ディレクティブでこれを実行できることは知っていますが、ng-switch などの組み込みディレクティブでこれを行うことは可能ですか?
たとえば、tabIndex の値が「help」の場合、次の html が生成されるようにします。
angularjs - ng-options と ng-switch を一緒に使用する際の問題
AngularJS で ng-options と ng-switch を一緒に使用して、作業中のウィジェット ビルダーのページに配置されるコンテンツを動的に変更しようとすると、問題が発生します。
私が経験している 2 つの問題が
あります。
2. ng-option フィールドを変更すると、下のスイッチが壊れて正しいコードが表示されなくなります。
コードは次のとおりです。
そして、これを実行するための jsFiddle へのリンクがあります: http://jsfiddle.net/jpeak/dkvwa/
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 ディレクティブが追加されました。
javascript - Angular JS: ng-switch を使用してファイルが存在するかどうかを確認する
私は物事のリストをループしており、物事に画像がある場合はそれを表示したいと考えています。
しかし、ものに画像がない場合は、デフォルトのテキストを表示したい:
これは機能し、デフォルトのテキストが表示されます。
ただし、ブラウザは存在しない画像を取得しようとしてエラーをスローしています。
このエラーがスローされないように、この ng-switch 関数をフォーマットする方法はありますか?
angularjs - パーシャルangularjsでswitchステートメントを作成する
問題が発生しています。パーシャルで ng-switch を動作させることができません。私がやろうとしているのは画像をアップロードすることですが、アップロードする前に、含まれている画像のサイズが 25kb に達していないかどうかを最初に確認する必要があります。
これが私のコントローラーコードです:
そして私のパーシャルコード:
また、画像ファイルのサイズを確認する際に、私の検証で十分だと思いますか? たとえば、含まれる画像のサイズが 20MB の場合、私の検証でもそれをキャッチできますか? そもそも申し訳ありませんが、最初に switch ステートメントを機能させることができませんでした。:(
javascript - ng-switch でグローバル変数と比較する方法
AngularJS$rootScope
オブジェクトを使用して、コントローラーとビューの両方にアクセスできる必要があるいくつかのグローバル定数を公開しています。
ビューでグローバル値をレンダリングしようとすると、正しく機能します。
同様に、条件でグローバル値を参照すると、ng-if
それも機能します。
ただし、ng-switch
ブロック内で比較に同じ値を使用しようとすると、true と評価されることはありません。この JSFiddleは、これを機能させるための私の試みを示しています。また、定数値を$rootScope
(二重中括弧内の) メンバーおよび式として明示的に参照しようとしましたが、何も機能しません。
私が間違っていることはありますか?
ありがとう、
ティム