在ajax调用之后用angularjs显示数据

时间:2015-04-08 10:23:44

标签: angularjs

我的应用程序中有一个名为“FilterController”的angularjs控制器。 它是用户用来过滤某些数据的控制器。 当用户单击“搜索”时,我调用一个返回带有数据的对象的Mvc方法。这项工作很顺利,但问题是显示我要检索的数据

如何在显示此数据的新控制器中加载此数据?

在模型中我有这个类

public class DPIModel
{
    public List<Dpi> listDpi{ get; set; }
}

然后数据包含在具有此类的json中 html已经加载(因为搜索是一个ajax调用) html就像那样

<div ng-controller="DPIController">
<div ng-repeat="item in listDpi">
    {{item.name}}
</div>

name是dpi类的属性

1 个答案:

答案 0 :(得分:1)

希望这会有所帮助:)

在剧本中:

(function () {
        var app = angular.module("ngHttpApp", []);
    }());


    (function () {
        var order = function ($http) {

            var getOrdershttp = function () {
                return $http.get('api/order')
                  .success(function (result) {
                      return result.data;
                  });
            }
            return {
                getOrdershttp: getOrdershttp
            };
        }
        var app = angular.module("ngHttpApp").factory("order", order);
    }());


    (function () {
        var app = angular.module("ngHttpApp").controller('HttpExampleController', function ($scope, order) {

            order.getOrdershttp().then(function (result) {
                $scope.httporders = result.data;
            });
        });
    }());

并在HTML中

    <div ng-controller="HttpExampleController">

        <h4>http over controller and factory</h4>
        <p ng-repeat="p in httporders">{{p.OrderId}}</p>

    </div>