Hello all, I am new to Umbraco and not familiar with AngularJS. What I want to do is to load and display data from a table reside in Umbraco database. I can make a custom property editor successfully and I can retrieve my data from browser directly at /umbraco/My/MessageApi/GetAll, however I do not know how could I load the result into a view/template.

I tried to follow the way to put code like below into my template but seems angular javascript didn't load.

<div ng-controller="My.MessageController">
<ul>
    <li ng-repeat="message in messages">
        <a href ng-click="model.value = message.content">{{message.content}}</a>
    </li>
</ul>

angular.module("umbraco")
.controller("My.MessageController", function($scope, messageResource){
    messageResource.getAll().then(function(response){
        $scope.messages = response.data;
    });
});

angular.module('umbraco.resources').factory('messageResource', 
function($q, $http) {
    return {
        getAll: function () {
            return  $http.get("My/MessageApi/GetAll");
        }
    };
}

);

Can someone provide me a sample/tutorial for that?

Thanks!