JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="testController">
    <p>Direct property: {{ property }}</p>
    <p>Function returning property: {{ getProperty() }}</p>
    <p>Direct promise: {{ promise }}</p>
    <p>Function returning promise: {{ getPromise() }}</p>
</div>

JavaScript

function testController($scope, $q) {
    var deferred = $q.defer();
    deferred.resolve('some lazy text');
    $scope.promise = deferred.promise;
    
    $scope.getPromise = function() {
        return $scope.promise;
    };
    
    $scope.property = 'some text';
    $scope.getProperty = function() {
        return $scope.property;
    };
}