我正在尝试使用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)开设银行帐户后…执行文件(系统或手册)。“,…}
尝试下面的代码
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();
});