Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在NG-REPEAT Angular JS中使用Scope变量_Javascript_Jquery_Angularjs_Django_Ajax - Fatal编程技术网

Javascript 如何在NG-REPEAT Angular JS中使用Scope变量

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

因为我是AngularJS的新手,所以我对这段代码有一个问题

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 %}