asp.net mvc - How do display json data in view using Angular -


i learning angularjs , trying implement in c# web mvc application first time.

i unable json format data returned controller display in view uses angular/razor data purposes

in c# controller return json data coffe scrip/js

public actionresult load (string id){ //data retrieved model , formatted in json here return json(jsondata ,jsonrequestbehavior.allowget); 

in coffee script have:

define ['test'], (app) ->      ($scope, $http, $location) ->         $scope.vdata = (id) ->             $.ajax                 url: 'mobile/load?id=1237'             .done (response) ->                  alert response                 $scope.vdata = [response]                 $scope.$apply() unless $scope.$$phase 

when launch application view has alert button used test if can see data json response:

the alert shows data in following format:

{    "versions":{       "is_live":"true",       "type":"multiple",       "rendition":{          "@name":"my test",          "@url":"http://test.net/location/test.m3u8",          "@thumbnail":"http:// test.net/location/testimg/cam.png",          "@thumbnail_update_interval":"10"       }    } } 

in view have tried data in label several ways unsuccessful:

<label>{{vdata.is_live}}</label> <label>{{vdata.versions.is_live}}</label> <label>{{is_live}}</label> 

while debugging in browser noticed json data in string format , not object.

could problem?

can please me display data in view json data using angular?

i'll change 2 things. first 1 if json data in string format should parse using json.parse(jsondata) when receive data on client.

i don't know coffee script i'll add missing using javascript show i'll change :

define ['test'], (app) ->      ($scope, $http, $location) ->         $scope.vdata = (id) ->             $.ajax                 url: 'mobile/load?id=1237'             .done (response) ->                  alert response                 $scope.vdata = json.parse( [response] )                 $scope.$apply() unless $scope.$$phase 

and try:

<label>{{vdata.versions.is_live}}</label> 

let me know if works!


Comments

Popular posts from this blog

php - Calling a template part from a post -

Firefox SVG shape not printing when it has stroke -

How to mention the localhost in android -