列表未使用AnguarJS显示

时间:2016-11-04 08:41:20

标签: angularjs asp.net-mvc

我在AngularJS网站中使用ASP.NET MVC进行数据绑定。在我的视图中我有角度控制器,如下所示:

<script>        
    function questionController($scope, $http, questions) {     
        $scope.queList = $http.get('Question/GetAllQuestions');
        $scope.testList = ['a','b'];
    }
    var queApp = angular.module("queApp", []);
    queApp.controller("queCtrl", questionController);
<script> 

我正在显示以下数据:

<div ng-app="queApp">
    <div ng-controller="queCtrl">
        {{queList}}
        {{testList}}
        <div ng-repeat="question in queList">
            {{question.Body}}
        </div>
    </div>
</div>

行动守则方法如下:

public JsonResult GetAllQuestions()
{
    Questions questions;
    QuestionProvider quePro = new QuestionProvider();
    questions = quePro.GetQuestions();
    return Json(questions);
}

我调试了MVC控制器代码并发现请求正在执行操作方法,并且返回了一个问题列表但是 在视图上我没有看到该列表。但是会显示testList。如果我遗漏了任何东西,请告诉我。

2 个答案:

答案 0 :(得分:1)

这样做,

   $http.get('Question/GetAllQuestions').then(function (response){
                 $scope.queList = response.data;
                console.log(data)
   });

答案 1 :(得分:0)

控制器操作方法中的

JsonRequestBehavior.AllowGet使其工作如下:

return Json(questions, JsonRequestBehavior.AllowGet);