У меня есть простой объект в контроллере, который иногда может быть пустым ({}
).
app.controller('TestController', function() {
var vm = this;
vm.testObject = {};
});
Я хочу скрыть или показать некоторые DOM-элементы в соответствующем шаблоне, когда объект пуст или нет.
Я попытался сделать это с помощью простого <div ng-if="vm.testObject">
, но когда vm.testObject === {}
считается true
в ng-if
.
<div ng-controller="TestController as vm">
<div ng-if="vm.testObject">
Test Object is not empty
</div>
<div ng-if="!vm.testObject">
Test Object is empty
</div>
</div>
Есть ли простой способ проверить пустой объект в шаблоне? Предпочтительно без добавления новых переменных в область видимости.
Вот рабочий плункер: http://plnkr.co/edit/Qed2MKmuedcktGGqUNi0?p=preview