Как предотвратить ошибки шаблона в изначально нулевой переменной?

Question

Допустим, у меня в контроллере есть переменная

$scope.variable=null;

в AngularJS.Я сделаю запрос $http для некоторых данных, и после того, как запрос вернется, я назначу фактические данные из ответа моей переменной, чтобы переменная выглядела так:

$scope.variable={'data1':'example1','data2':'example2'};

У меня также есть шаблонкоторый представляет данные, например,

<span>{{ variable.data1 }}</span>

До запроса $http нет $scope.variable.data1, и поэтому в консоли браузера я получаю сообщение об ошибке.Даже если я сделаю

<span ng-cloak ng-if="variable!=null">{{ variable.data1 }}</span> 

, кажется, что браузер пытается оценить выражение.

Ошибки выглядят, например, следующим образом:

angular.js: 3626Ошибка: ширина атрибута: ожидаемая длина, "{{svgconfig.ca…"

в случае, когда я хочу установить свойства элемента svg.

Есть лиспособ не иметь ошибки происходит?

Answer 1

Может быть, вы можете использовать функцию ниже, чтобы проверить, пуст ли ваш объект или заполнен данными.

 <span ng-cloak ng-if="isEmpty(variable)">{{ variable.data1 }}</span>
  $scope.isEmpty(obj) {
  for (var key in obj) {
    if (obj.hasOwnProperty(key))
        return false;
    }
    return true;
  }