Jak pokazać / ukryć, jeśli zmienna ma wartość null

82

Chcę pokazać / ukryć div na podstawie tego, czy zmienna ma wartość null, czy nie.

<div ng-show="myvar"></div>

Uwaga: zmienną w moim przypadku jest obiekt.

Bardzo proste pytanie, ale nie wydaje mi się, żeby to zadziałało.

Dzięki.

angularjs

— Paul Haggo
źródło

Związane z: stackoverflow.com/questions/14164371/…

— Robert Harvey

myvar == null prawdopodobnie

— Gruff Bunny

2

Jakie myvarprzyjmuje się wartości inne niż null ? ng-showpokaże na każdym truthy wartości, tak długo jak myvarnie jest false, null, undefined, 0, lub pusty ciąg znaków NaNto powinno działać. Napisz więcej kodu kontekstowego.

— Philipp Reichart

Aby wyjaśnić, powyższy przykład działa, mój kod nie działał z niepowiązanych powodów. Jeśli mylar ma wartość false, null lub nigdy wcześniej nie był używany (tj. $ Scope.myvar lub $ rootScope.myvar nigdy nie był wywoływany), element div nie zostanie wyświetlony. Po przypisaniu do niego jakiejkolwiek wartości element div zostanie wyświetlony, chyba że wartość jest konkretnie fałszywa.

— Paul Haggo,

201

<div ng-hide="myvar == null"></div>

lub

<div ng-show="myvar != null"></div>

— Gruff Bunny
źródło

16

Dobrą praktyką jest używanie <div ng-hide="myvar == null"></div>zamiast <div ng-show="myvar != null"></div>. Jest bardziej czytelny.

— maicher

12

@maicher To naprawdę zależy od kontekstu

— Petr Peller,

czy ng-show tłumaczy wyrażenie jako $scope.myvar != $scope.nulllub $scope.myvar != null? (pytanie opublikowane tutaj stackoverflow.com/questions/31387397 )

— jperelli

Angular użyje javascript null. Naprawdę nie chcesz i tak zaczynać dodawania null do zakresu, ponieważ null powinno zawsze wynosić null (plus angular zignoruje $ scope.null it jeśli zostanie użyty w wyrażeniu).

— Gruff Bunny

20

Aby wyjaśnić, powyższy przykład działa, mój kod w przykładzie nie działał z niepowiązanych powodów.

Jeśli myvar ma wartość false, null lub nigdy wcześniej nie był używany (tj. $ Scope.myvar lub $ rootScope.myvar nigdy nie został wywołany), element div nie zostanie wyświetlony. Po przypisaniu dowolnej wartości element div zostanie wyświetlony, chyba że wartość jest konkretnie fałszywa.

Następujące elementy spowodują wyświetlenie elementu DIV:

$scope.myvar = "Hello World";

lub

$scope.myvar = true;

Poniższe elementy spowodują ukrycie elementu div:

$scope.myvar = null;

lub

$scope.myvar = false;

— Paul Haggo
źródło

2

W takim przypadku myvar powinna być wartością logiczną. Jeśli ta zmienna jest prawdziwa, pokaże div, jeśli jest fałszywa. Ukryje się.

Spójrz na to .

— Rodrigo Oliveira
źródło

Więc mówisz, że zadziała tylko wtedy, gdy myvarjest logiczna?

— Robert Harvey

Chcę znaleźć rozwiązanie, w którym myvar jest obiektem. Dzięki.

— Paul Haggo

1

Powinien być prawdziwy lub fałszywy.

— Rodrigo Oliveira

Paul, jaki jest twój przedmiot wraca?

— Rodrigo Oliveira