Angular js html not updating

A cleaner approach is to convert the third-party promise to an AngularJS promise with $q.when:

$q.when(graphql("...")).then(
    result => {
        $scope.data = result.data;
});

AngularJS modifies the normal JavaScript flow by providing its own event processing loop. This splits the JavaScript into classical and AngularJS execution context. Only operations which are applied in the AngularJS execution context will benefit from AngularJS data-binding, exception handling, property watching, etc...¹ Since the promise comes from outside the AngularJS framework, the framework is unaware of changes to the model and does not update the DOM.

$q.when

Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.

— AngularJS $q Service API Reference - $q.when

Try to add scope.$apply();. Like this:

  graphql("...").then(
                    result => {
                        $scope.data = result.data;
                        $scope.$apply();
                    }); 

A better approach over $apply is $timeout.

The $timeout does not generate error like "$digest already in progress" because $timeout tells Angular that after the current cycle, there is a timeout waiting and this way it ensures that there will not any collisions between digest cycles and thus output of $timeout will execute on a new $digest cycle.

graphql("...").then(
  result => {
    $timeout(function() {
      $scope.data = result.data;
    });
  });