Angular js html not updating

I wrote a simple graphql query that fetches an array of objects. The array is showing up when I do console.log(). However, the array does NOT update the html when the data is fetched. I need to click on the screen for it to update.

I am using the Angular JS stack along with graphql. It seems though that the issue is to do with angular js only and not the API call.

The following is the api call in the JS:

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

HTML:

<div>{{data.length}}</div>

Source: New feed
Source Url Angular js html not updating