onload调用控制器中的函数以设置HTML中的值

 $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中调用它时,它只是未定义的。需要帮助。