没有在 App js 文件中获取 json 数组

Question

我的服务代码如下所示：-

data.service('SmartLearnerService', function ($http) {

//Get Single Records
this.get = function (id) {
    return $http.get("/api/Category/");
    }
});

这是我的 App.js 控制器代码：-

$scope.questionlist = SmartLearnerService.get();

    $scope.questionlist.then(function (pl) {
        var res = pl.data;
        $scope.que = res.QuestionLabel;

    },
                 function (errorPl) {
                     console.log('failure loading Employee', errorPl);
                 });
    console.log($scope.questionlist);

这是 web api 控制器的控制器代码：-

public class CategoryController : ApiController
{
    CommonDb db = new CommonDb();
    public JsonResult Get()
    {
        var Result = db.GetQuestionById().ToList();

        string message = "No Data Found";

        if (Result.Count() != 0)
        {
            return new System.Web.Mvc.JsonResult()
            {
                Data = Result,
                JsonRequestBehavior = System.Web.Mvc.JsonRequestBehavior.AllowGet
            };
        }

        else
        {
            return new System.Web.Mvc.JsonResult()
            {
                Data = message,
                JsonRequestBehavior = System.Web.Mvc.JsonRequestBehavior.AllowGet
            };
        }
    }
   }
}

这里是 div 标签，我想使用 ng-repeat 指令绑定来自 json 结果的问题。

<div class="question" align="center">{{Questions.QuestionLabel}}</div>

我在控制器的 $scope.questionlist 中绑定 json 数组时遇到问题，我成功地从 web api 控制器获取 json 结果。

Answer 1

好吧，如果我不得不猜测（这正是我正在做的事情），你希望在你的控制器中有这样的东西......

SmartLearnerService.get().success(function(questions) {
    $scope.questionList = questions;
});

或者，如果您不喜欢附加组件 success / error 回调

SmartLearnerService.get().then(function(response) {
    $scope.questionList = response.data;
});

在你的模板中

<div ng-repeat="question in questionList">
    <div class="question" align="center">{{question.QuestionLabel}}</div>
    <!-- and so on -->
</div>

这完全是假设您的 C# 控制器返回的 JSON 看起来像...

 [{
     "QuestionID": "1",
     "QuestionLabel": "Why are mirrors often slightly curved (convex) ?",
     "Image": "zibra-crossing.jpg",
     "Correct": "two",
     "Explaination": "Question one explaination is goes here"
 }, {
 ...
 }]

Answer 2

你可以试试这个吗？

SmartLearnerService
            .get()
            .success(function (data, status) {
                if (status === 200) {
                    //your code to process data is here
                }else{alert(status)}
            })
            .error(function (data, status) {
                //TODO: Use nice alert.
                alert('Server request failed with status ' + status + ' while getting area in the ' + $item.Name);
            });

您将获得您收到的状态代码，然后您可以相应地更改代码。

我在我的案例中采用的方法是使用 NewtonSoft 的 JsonConvert 进行序列化，然后返回 Json 对象的字符串而不是 Json 对象本身以提高速度。