問題タブ [angularjs-ng-show]

これは非常に一般的なことだと思いましたが、AngularJS で処理する方法が見つかりませんでした。イベントのリストがあり、それらをAngularJSで出力したいとしましょう。それはとても簡単です:

しかし、リストが空の場合、どのように処理すればよいでしょうか? リストに「イベントはありません」などのメッセージボックスを配置したいと思います。近くに来る唯一のものはng-switchwithevents.lengthです（配列ではなくオブジェクトの場合に空かどうかを確認するにはどうすればよいですか？）が、それが本当に私が持っている唯一のオプションですか？

ng-repeatブロック内でng-showディレクティブを使用すると問題が発生します。

ブール値がng-showに正しく渡されていないようです...

私が何を意味するかを示すために、JSFiddleで作成した例のスクリーンショットを次に示します。

マークアップの例を次に示します。

コントローラの例を次に示します。

私が間違っているかもしれないことについて何か考えはありますか？

ng-ifとng-show/の違いを理解しようとしてng-hideいますが、同じように見えます。

どちらを使用するかを選択する際に留意すべき違いはありますか?

私はng-ifを使用しようとしましたが、Angularは彼をコンパイルしませんでした。テストコードを見てください：

および機能テスト:

このページを実行すると、false を返すテストにもかかわらず、"Li" に "ddd" が表示されます。

次のステップでは、「ng-if」「ng-show」に置き換えました。

そして、その機能、「ddd」非表示。ng-show が動作している場所で ng-if が動作しないのはなぜですか?

私は Angular の初心者ですが、次のコードが機能しない理由がわかりません。

私がやりたいことは、http api リクエストに応じてメッセージを表示することです。

http success毎回その部分に到達し、ng-show属性を設定します。これはデータバインドであるため、メッセージを表示する必要があると想定していますが、そうではありません。

私はこのコントローラーを持っています

そのため、私のリクエストでも成功し、successブロックに到達しました（chrome devツールから確認しました）メッセージが表示されません。私は何が欠けていますか？

スコープ変数を使用すると、ng-show を問題なく動作させることができます。

(htmlファイルからの抜粋:)

次のコントローラ コードを使用すると、正常に動作します。

私が言ったように、それはうまくいきます。phone.battery.type が未定義または空白のページを表示すると、ng-show は div を正しく非表示にします。phone.battery.type が空でない文字列であるページを表示すると、ng-show は正しく div を表示します。すべて良い。

これが私の質問です: $scope.hasBattery を仲介者として使用する代わりに、 !isEmpty(...) 呼び出しを ng-show 式で直接使用すると、機能しません。

そのバージョンの私のコードは次のとおりです。

hasBattery を取り外したコントローラー:

ng-show で表示したい phone.battery.type が空でない文字列であるページをロードすると、div が表示されません。データのロード後に isEmpty が実際に呼び出され、false を正しく返していることがわかります (ng-show の式 !isEmpty(...) が true になるように)。しかし、Angular はこの式の値に対して何もしていないようです!

.

何が起こっているのか分かりますか？SO の他の場所で見たように、これは $scope.$apply の問題だと思いますが、式は最新のデータを使用して評価されているようです。

無限スクロールがより多くのリスト項目をロードしているときにロードブロックを表示しようとしていますが、初めて問題はありませんが、以下は機能しません。「$scope.isLoading = true;」の場合 ブロックは表示されません。

HTML

ジャバスクリプト

これが問題のフィドルです。

http://jsfiddle.net/mh6roxsk/

これを行うためにさまざまな方法を試しましたが、常に同じ結果です。

前もって感謝します！！

@rohan が答えると、問題は $timeout で解決され、私が望む動作は次のようになります。

http://jsfiddle.net/hasukronos/mh6roxsk/1/

しかし、本当の問題は、ネイティブの setTimeout と同じ問題を持つ WebSQL API コールバックで発生することを忘れていました。

誰かがこの質問で私を助けてくれることを願っています.

開始時刻 (15 時としましょう) と終了時刻 (16 時としましょう) を含むエンティティがあります。日付も含まれています (今日としましょう^^)。

したがって、私のクエリは今日のすべてのデータを返しますが、15 時から 16 時までのデータのみを表示したいと考えています。

オブジェクトごとに $timeout を設定する必要がありますか? shouldShowDataまたは、で使用されるというメソッドを自動的に呼び出すことは可能ng-showですか?

基本的に、私はオブジェクトのリストを持っており、特定の時間に単一のオブジェクトを表示したいと考えています。

編集 画面が公共の場所に表示され、さまざまな時間にさまざまなニュース (朝のニュース、夕方のニュースなど) が表示され、開始時間と終了時間に基づいて特定のニュースを表示する必要があるときに自動的に更新される必要があると想像してください。たとえば、更新ボタンを使用して手動で更新することはできません。

あなたからここに素晴らしい:)

$scope.reset()メソッドの呼び出しが期待どおりに機能しない理由を特定しようとしています。私が達成したいのは、[リセット] ボタンをクリックすると、valuesオブジェクトが再初期化され、そのtheStateフィールドが に設定されること'one'です。これにより、divid='one'が表示され、2 つの兄弟が非表示になります。

[リセット] をクリックすると、実際にはdiv、One、Two、Three というラベルの付いたボタンのいずれかをクリックするまで、3 つの要素がすべて非表示になります。これが失敗する理由は、バインドされている実際のオブジェクトng-showが変更され$scope.reset()ているためだと思いますが、ビューを希望どおりに反応させる方法がわかりません。

HTML:

AngularJS: