Как показать / скрыть, если переменная равна нулю

82

Я хочу показать / скрыть div в зависимости от того, имеет ли переменная значение NULL или нет.

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

Примечание: переменная в моем случае - это объект.

Очень простой вопрос, но я не могу заставить его работать.

Благодарю.

angularjs

— Пол Хагго
источник

Связанный: stackoverflow.com/questions/14164371/…

— Роберт Харви

myvar == null возможно

— Gruff Bunny

2

Какие ненулевые значения myvarпредполагаются? ng-showпокажет для любого truthy значения, так как пока myvarне false, null, undefined, 0, пустая строка или NaNона должна работать. Пожалуйста, разместите еще код для контекста.

— Филипп Райхарт

Чтобы уточнить, приведенный выше пример действительно работает, мой код не работал по несвязанным причинам. Если mylar имеет значение false, null или никогда раньше не использовался (т.е. $ scope.myvar или $ rootScope.myvar никогда не вызывались), div не будет отображаться. После того, как ему было присвоено какое-либо значение, div будет отображаться, за исключением случаев, когда значение явно ложно.

— Пол Хагго

201

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

или же

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

— Грубый кролик
источник

16

Рекомендуется использовать <div ng-hide="myvar == null"></div>вместо <div ng-show="myvar != null"></div>. Это более читабельно.

— Maicher

12

@maicher Это действительно зависит от контекста

— Петр Пеллер

ng-show переводит выражение как $scope.myvar != $scope.nullили $scope.myvar != null? (разместил вопрос здесь stackoverflow.com/questions/31387397 )

— jperelli

Angular будет использовать javascript null. В любом случае вы действительно не хотите начинать добавлять null в область видимости, так как null всегда должен быть нулевым (плюс angular будет игнорировать $ scope.null, если он используется в выражении).

— Gruff Bunny

20

Чтобы уточнить, приведенный выше пример действительно работает, мой код в этом примере не работал по не связанным причинам.

Если myvar имеет значение false, null или никогда раньше не использовался (т.е. $ scope.myvar или $ rootScope.myvar никогда не вызывались), div не будет отображаться. После того, как ему было присвоено какое-либо значение, div будет отображаться, за исключением случаев, когда значение явно ложно.

Следующее приведет к отображению div:

$scope.myvar = "Hello World";

или же

$scope.myvar = true;

Следующее скроет div:

$scope.myvar = null;

или же

$scope.myvar = false;

— Пол Хагго
источник

2

В этом случае myvar должно быть логическим значением. Если эта переменная истинна, он покажет div, если ложь .. Он скроется.

Проверьте это .

— Родриго Оливейра
источник

Так вы говорите, что это будет работать, только если myvarлогическое значение?

— Роберт Харви

Я хочу найти решение, в котором myvar является объектом. Благодарю.

— Пол Хагго

1

Это должно быть правдой или ложью.

— Родриго Оливейра

Пол, какой у тебя объект?

— Родриго Оливейра