如何使用MVC应用程序在Angularjs中触发ng-repeat ..?

时间:2014-10-30 11:53:39

标签: angularjs angularjs-ng-repeat angularjs-routing

我正在使用MVC在AngularJS中创建一个应用程序 我在AdminCtrl.js中编写代码是:

var adminModule = angular.module('angApp', []);
 adminModule.controller('AdminCtrl', ['$scope', '$http',
 function ($scope, $http) {
    //*****get data from  Product table
    $scope.products = {};
    GetAdmin();
    function GetAdmin() {
        $http({
            method: 'GET',
            url: '/Admin/GetAdmin',
            datatype:'HTML',
        }).success(function data() {
            $scope.products = data.result;
        })
    }
}]);

我现在可以使用$ scope将数据作为集合从后端获取我将它绑定到我的视图:

<div id="divTest" ng-controller="AdminCtrl">
    <div ng-repeat="item in products">
        Prod_ID:{{item.Prod_ID}}
        Prod_Name:{{item.Prod_Name}}
        Prod_Price:{{item.Prod_Price}}
        Prod_Desc:{{item.Prod_Desc}}
    </div>
</div> 

在视图上我无法使用ng-repeat绑定此数据,但此数据在控制台上可见。 请任何人帮我弄清楚我错过的问题。

提前致谢。

2 个答案:

答案 0 :(得分:2)

我只是犯了一点点错误,我正在绑定ng-app,但从某种意义上来说它应该与现在的工作绑定。

我的新代码就像.....

   <body ng-app="angApp">
   <script src="Scripts/app/AdminCtrl.js"></script>

   <div id="alert" class="alert"></div>
   <div ng-controller="AdminCtrl">

        <div class="admin-login">
            <h2>using angularjs</h2>
            <input type="text" id="txtUserAng" placeholder="User Name" ng-model="U_Name" />
            <input type="password" id="txtPWDAng" placeholder="Password" ng-model="U_PWD" />
            <input type="button" id="login" value="login" ng-click="Login()" />

        </div>

    </div>
</div>

答案 1 :(得分:1)

更改

..  }).success(function data() {
                $scope.products = data.result;
            })..

..  }).success(function (data) {
                $scope.products = data.result;
            })..

即:

   var adminModule = angular.module('angApp', []);
     adminModule.controller('AdminCtrl', ['$scope', '$http',
     function ($scope, $http) {
        //*****get data from  Product table
        $scope.products = {};
        GetAdmin();
        function GetAdmin() {
            $http({
                method: 'GET',
                url: '/Admin/GetAdmin',
                datatype:'HTML',
    //data needs to be inside bracket
            }).success(function (data) {
                $scope.products = data.result;
            })
        }

}]);