Angular code in umbraco

See more:

umbraco

AngularJs

hi,

I am trying to add angular enabled p tag in umbraco configured page. I have created an seperate js file for the module & factory and in Umbraco I have added a new markdown editor and added angular enabled HTML in it.

but its not working. Simply not binding the angular scope variables.

pls can any one help me out..

What I have tried:

Umbraco markdown editor content:

<p>{{message}}</p>

Module creations and add scope variables.

angular.module('static', [])
            .controller('esastatic', ['$scope',  static]);
    function static($scope) {
       
        $scope.getMessage = function () {
            setTimeout(function () {
                $('#a').html('kjgh');
                $scope.message = 'Fetched after two seconds';
                console.log('message:' + $scope.message);
                $scope.$apply(); //this triggers a $digest
            }, 5000);
        };

        $scope.getMessage();
        
    }

I tried $apply() for binding the umbraco content

.