onload вызывает функцию в контроллере для установки значения в html

Question

 $rootScope.customerName = null;

    var getCustomer = function () {
      Service.getCustomerById($scope.customerId).then(
        function (data) {
          $scope.dealers.customerName = data.customerName;
          $scope.dealers.customerNameLabel = data.customerName + ' ';
          $rootScope.customerName = ' '+ $scope.dealers.customerNameLabel;
        }
        }
      );
    };

 getCustomer();

<div>{{customerName}}</div>

onload Я вызываю функцию в контроллере для установки значения в html, но она не работает, значение внутри функции устанавливается как «abc», тогда как когда я вызываю его в html, оно просто не определено.Нужна помощь.

Answer 1

Вы должны вручную вызвать цикл дайджеста, т. Е. $ Scope. $ Apply () , если значение не обновлено.

$rootScope.customerName = null;
    var getCustomer = function () {
      Service.getCustomerById($scope.customerId).then(
        function (data) {
          $scope.dealers.customerName = data.customerName;
          $scope.dealers.customerNameLabel = data.customerName + ' ';
          $rootScope.customerName = ' '+ $scope.dealers.customerNameLabel;
            $Scope.$apply();
        }
        }
      );
    };

 getCustomer();

<div>{{customerName}}</div>