Javascript 如何在NG-REPEAT Angular JS中使用Scope变量
因为我是AngularJS的新手,所以我对这段代码有一个问题Javascript 如何在NG-REPEAT Angular JS中使用Scope变量,javascript,jquery,angularjs,django,ajax,Javascript,Jquery,Angularjs,Django,Ajax,因为我是AngularJS的新手,所以我对这段代码有一个问题 var app = angular.module("demoModule",['infinite-scroll']); app.controller("demoController",function($scope){ $scope.result = []; $('#subCategory').on
var app = angular.module("demoModule",['infinite-scroll']);
app.controller("demoController",function($scope){
$scope.result = [];
$('#subCategory').on('change',function(){
subID= $(this).val();
category = new URLSearchParams(window.location.search);
$.ajax({
type:'POST',
url:'/filter/',
data:{'sub_cat_id':subID,'csrfmiddlewaretoken':'{{ csrf_token }}','cat_id':category.get('category')},
success: function(response){
$scope.result = response;
}
});
});
$scope.lazyLoad = function(){
console.log("LAZY LOAD!");
}
});
我的HTML模板是:(我正在使用Django)
{%verbatim%}
结果是{result}
{{item.product_name}
细节
{%endverbatim%}
问题是,每当我从选择菜单中选择一个选项时,javascript ajax函数就会被调用&JSON就会被响应
(我想在angular js中使用ng repeat打印这些JSON对象(存储在$scope.result中)
真的,我不明白为什么不打印
{% verbatim %}
<div ng-app="demoModule" ng-controller="demoController">
<div class="container mt-2">
<div class="row">
<div class="col-md-12">
<div class="row">
<h1>Results are {{result}}</h1>
<div class="col-md-4 mb-3" ng-repeat="item in result">
<div class="card">
<img src="#" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">{{item.product_name}}</h5>
<button id="{{item.id}}" class="btn btn-primary btn-block">Details</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endverbatim %}