Циклические данные JSON с помощью AngularJS в Asp.net MVC

Я пытаюсь получить записи через AJAX и отображения с помощью AngularJS. Но мой код даже не вызывает действия контроллера.

Я пытаюсь этот код..

<div ng-controller="MyCtrl">
<div ng-repeat="result in products">
    {{result.ProductName}}
</div>
</div>

Аякс:

function MyCtrl($scope) {
  $.ajax({
    url: "/Products/Get/",
    type: "POST",
    success: function (data) {
      // Success message
      var myApp = angular.module('myApp', []);
      $scope.products = data;
    },
    error: function () {
      // Fail message
    },
  });
}

Я использую этот пост, чтобы заставить его работать.

Источник

2 ответа

Ваш подход неверен. Вы должны использовать директиву контроллера angularJS для вызова сервисов, использующих данные json.

<script type="text/javascript">
    var app = angular.module('myApp', []); 
    app.controller('MyCtrl', function ($scope, $http) {  
        $http.get('/Products/Get/').success(function (data) {  
            $scope.products = data;
        });
    });
</script>

Несколько дней назад я написал статью о том же. Вы можете пройти здесь. Это может быть полезно.

Источник

Вам нужно объявить module имя в angularjs, и не забудьте добавить имя модуля в ваше тело или тег HTML... как это <body data-ng-app="app"> а потом попробуй вот так:

<script>
var app = angular.module('app',[]);

app.controller('MyCtrl',function($scope,$http){

bindData();
function bindData(
    // it will be nice, if this code your separate to file service...    
    $http.get('/Products/Get').success(function (callBack) {  
            $scope.products = callBack.data;
    });
);
});

</script>

и лучшая реализация, как это:

// in controller, injected you service name like this..
app.controller('MyCtrl',function($scope,$http ,myServices){

bindData();
function bindData(
  var promiseGet = myServices.GetAll();
  promiseGet.then(function(callBack){ // success
    $scope.products = callBack.data;

   }     
 ,function(error){ // error
     console.log(error);
   });
 );

});

app.service('myServices',function($http){
var vm = this;
vm.GetAll = function(){
         return $http.get('/Products/Get');
     }
});

и типа не POST, если вы хотите получить данные в функции AJAX..

Источник
Другие вопросы по тегам