Hi,

I want to get a value from the database and so I followed this tutorial: Add-ServerSide-Data

but the Data (Image url ) is not showing ?? and this is my code :

1- ApiController:

 [Umbraco.Web.Mvc.PluginController("Sawah")]  
public class AframeApiController : UmbracoAuthorizedJsonController
{
    public mainimg GetMain()
    {
        DataRow[] Accts =DB_Oprs.GetVRMainImg(11359);
        mainimg collection = new mainimg();
        foreach(DataRow r in Accts)
        { 
        collection.versionId = r["versionId"].ToString();
        collection.mediaPath = r["mediaPath"].ToString();
        }
        return collection;
    }

    public IEnumerable<mainimg> GetPinsinfo()
    {
        DataRow[] Accts = DB_Oprs.GetVRMainImg(11359);
        IEnumerable<mainimg> collection = Accts.Cast<mainimg>();
        return collection;
    }
}
public class mainimg
{
    public string versionId { set; get; }
    public string mediaPath { set; get; }
}}

2 -added this to umbraco.resources.js :

  angular.module('umbraco.resources').factory('AframeResource',
    function ($q, $http, umbRequestHelper) {
        // the factory object returned
        return {
            // this calls the ApiController we setup earlier
            getMain: function () {
                return umbRequestHelper.resourcePromise(
                    $http.get("backoffice/Sawah/AframeApi/GetMain"),
                    "Failed to retrieve GetMain inmage");
            },
            getPins: function () {
                return umbRequestHelper.resourcePromise(
                    $http.get("backoffice/Sawah/AframeApi/GetPinsinfo"),
                    "Failed to retrieve GetPins data");
            }
        };
    }
);

3- this is the angular controller code

angular.module("umbraco")
.controller("My.ContentController", function ($scope, AframeResource){
    AframeResource.getMain().then(function(response){
        $scope.MainImg = response.data;
    });
});

4- this is the html page :

<div ng-controller="My.ContentController">
<ul>
    <li>
        {{MainImg.mediaPath }}
    </li>
</ul>

5- this is the package.manifest

"propertyEditors": [
{
  "name": "Content values",
  "alias": "content.values",
  "group": "Content",
  "icon": "icon-map-location",
  "editor": {
    "view": "~/App_plugins/TestMyResource/Test.html",
    "valueType": "STRING"
  }
}  ],  "javascript": [
"~/App_plugins/TestMyResource/Content.controller.js"  ]

can anyone help me ??