javascript - 如何从 Angular View 中的文本读取解析后的 JSON

Question

我需要从获取的数据库中读取以下 JSON 文本，下面是我的示例代码:

{{questionData1[0].qst_cnt_options[0].left}}

qst_cnt_options中的真实数据是:

[{left:'Benda Hidup',right:'Benda Mati'}] //Fetched from database and as text

当我尝试回读时，输出只是 [。如何解决这个问题？

Answer 1

由于从数据库中获取的值是简单文本，因此使用 JSON.parse 解析为 json 对象并检索它。

[{left:'Benda Hidup',right:'Benda Mati'}] 这是一个字符串，因此返回 [ 作为第一个值。

方法1: 只需从 Controller 返回 JSON 解析值即可，

在你的 Controller 中:

app.controller('myCtrl',function($scope){
    $scope.qst_cnt_options =  $scope.questionData1[0].JSON.parse(qst_cnt_options)
});

您认为:

{{qst_cnt_options[0].left}}

方法2:

app.controller('myCtrl',function($scope){
    $scope.qst_cnt_options =  questionData1[0].JSON.parse(qst_cnt_options)

    $scope.parJson = function (json) {
            return JSON.parse(json)[0];
    }
});

查看:

{{qst_cnt_options.parJson(qst_cnt_options.qst_cnt_options)}}