在Angular Js中,ng-repeat无法正常工作。参见下面的代码片段

问题描述 投票:0回答:1

我正在尝试使用ng-repeat,但它不起作用,请帮助。根据我的理解,我已经正确编码了。数据正在从AJAX调用返回,但是数据绑定是一个问题

 var app = angular.module('App', []);
    app.controller('Controller', function ($scope, $http, $window, $timeout) {


       
    function getQueryParam(param) {
        var result = window.location.search.match(
            new RegExp("(\\?|&)" + param + "(\\[\\])?=([^&]*)")
        );

        return result ? result[3] : false;
    }
    console.log(getQueryParam("Param1"));
    console.log(getQueryParam("Param2"));

    var Period = getQueryParam('Param1');
    $scope.Period = Period.replace(/%20/g, " ");

    var User_Name = getQueryParam('Param2');
    $scope.User_Name = User_Name.replace(/%20/g, " ").replace('/', '');

    $(document).ready(function () {
       
        $scope.GetLowControlDetails();
    });

   $scope.GetLowControlDetails = function () {
 var url = '@Url.Action("GetLowControlDetails", "Home")';
            $.ajax({
                url: url,
                type: 'GET',
                async: false,
                cache: false,
                data: { "Period": $scope.Period, "User_Name": $scope.User_Name,"Control":"Low" },
                success: function (data) {
                   console.log(JSON.parse(data));
                   
                  $scope.LowControl_List = JSON.parse(data);
                  
                  },
                error: function () {
                    console.log("qeqeqeeeqeqeqdeddwd");
                }
            });
        
    }

    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    <div ng-app="App" ng-controller="Controller">

       

        
       @*<div class="row" ng-show="LowControl_List.length>0">*@

            <div class="col-12 month-field">
                <div class="row week-field head">
                    <div class="col-1">Functions</div>
                    <div class="col-1">Risk Category</div>
                    <div class="col-1">Risk Event</div>
                    <div class="col-4">Control Description</div>
                    <div class="col-1">Control Code</div>
                    <div class="col-3">Comment</div>
                    <div class="col-1">Commented By</div>

                </div>
            </div>
            <div class="row">
                <div class="col-12 month-field">
                 
                    <div class="row week-field" ng-repeat="row in LowControl_List">
                        <div class="col-0" ng-hide="true">{{row.ROW_NUM}}</div>
                        <div class="col-1">{{row.Function}}</div>
                        <div class="col-1">{{row.Risk_Category}}</div>
                        <div class="col-1">{{row.Risk_Event}}</div>
                        <div class="col-4">{{row.Control_Description}}</div>
                        <div class="col-2">{{row.Controls_Code}}</div>
                      


                    </div>
                </div>
            </div>

     
        </div>

0:{ROW_NUM:“ 38”,功能:“财务”,Risk_Category:“运营风险”,Risk_Event:“欺诈风险”,Control_Description:“进行例行和突击检查,包括适用的第三者确认。”,…}1:{ROW_NUM:“ 108”,功能:“法律”,Risk_Category:“法规和合规风险”,Risk_Event:“其他法规风险”,Control_Description:“ A)跟踪并向贸易制裁报告违规行为,据称违规的可能性制裁政策”,…}2:{ROW_NUM:“ 110”,功能:“法律”,Risk_Category:“法规和合规风险”,Risk_Event:“数据隐私”,Control_Description:“ 1)采用解决关键问题的必要策略……确保避免数据泄露保护法”,…}3:{ROW_NUM:“ 152”,功能:“种植园”,Risk_Category:“农业风险”,Risk_Event:“农学/ GAP(良好农业实践)风险”,Control_Description:“有足够的程序来根据预算监控每个农场的产量或计划。“,…}4:{ROW_NUM:“ 33”,功能:“财务”,Risk_Category:“运营风险”,Risk_Event:“股票风险”,Control_Description:“确认估值正确,以保持最小……滞后和滞销/不动库存“,...}5:{ROW_NUM:“ 47”,功能:“财务”,Risk_Category:“操作风险”,Risk_Event:“欺诈风险”,Control_Description:“银行业务控制:(a)开设银行帐户后…执行文件(系统或手册)。“,…}

angularjs asp.net-mvc-4 angularjs-directive
1个回答
0
投票

尝试下面的代码

var app = angular.module('App', []);
    app.controller('Controller', function ($scope, $http, $window, $timeout) {



    function getQueryParam(param) {
        var result = window.location.search.match(
            new RegExp("(\\?|&)" + param + "(\\[\\])?=([^&]*)")
        );

        return result ? result[3] : false;
    }
    console.log(getQueryParam("Param1"));
    console.log(getQueryParam("Param2"));

    var Period = getQueryParam('Param1');
    $scope.Period = Period.replace(/%20/g, " ");

    var User_Name = getQueryParam('Param2');
    $scope.User_Name = User_Name.replace(/%20/g, " ").replace('/', '');



   $scope.GetLowControlDetails = function () {
 var url = '@Url.Action("GetLowControlDetails", "Home")';
            $.ajax({
                url: url,
                type: 'GET',
                async: false,
                cache: false,
                data: { "Period": $scope.Period, "User_Name": $scope.User_Name,"Control":"Low" },
                success: function (data) {
                   console.log(JSON.parse(data));

                  $scope.LowControl_List = JSON.parse(data);

                  },
                error: function () {
                    console.log("qeqeqeeeqeqeqdeddwd");
                }
            });

    }


        $scope.GetLowControlDetails();


    });
© www.soinside.com 2019 - 2024. All rights reserved.