Question

我的对象（Unparsed和raw）：

   $scope.result= {
        "id": 2360,        
        "subject": "Meeting Postponed Status",
        "message": "{\"name\":\"Riana\",\"status\":\"Postponed\",\"meeting\":\"Approval No 342\",\"postponedDate\":\"2015-06-24 18:30:00\",\"postponedTime\":\"13:02:57\"}",   
        "modifiedDate": "2015-06-29 17:09:59",
        "categoryId": 1,    
    }

我正在解析message对象的属性$scope.result

$scope.result=JSON.parse($scope.result.message);输出$scope.result.message为

$scope.result.message={"name":"Riana","status":"Postponed","meeting":"Approval No 342","postponedDate":"2015-06-24 18:30:00","postponedTime":"13:02:57"}

但如果我想绑定名称Riana我无法在HTMl中执行此操作我尝试了{{result.message.name}}，但无法呈现名称。有没有办法解析HTML，因为我无法在控制器中执行此操作？

Answer 1

您需要将JSON.parse($scope.result.message)分配到$scope.result.message。

<强> E.g。

$scope.result.message = JSON.parse($scope.result.message);

这里是JsFiddle link 。

希望它有所帮助。

Answer 2

这句话之后。

$scope.result=JSON.parse($scope.result.message);

你的 $ scope.result 对象看起来这个

Object {name: "Riana", status: "Postponed", meeting: "Approval No 342", postponedDate: "2015-06-24 18:30:00", postponedTime: "13:02:57"}

在HTML中你应该像这样使用

{{result.name}} 和

不喜欢这个 {{result.message.name}}

从对象中解析名称并显示Angular Js

2 个答案: