尝试使用angularjs将数据加载到可手持设备中
Trying to load data into a handsontable using angularjs
我正在尝试使用angularjs读取并加载此json响应，并尝试将数据加载到hanontable中。
正如您在控制台日志中看到的那样，结果读取正常，但不在外部。你能说出发生了什么事吗？因为它正在读取响应，但没有按预期设置范围变量。
结果1:｛"$$state"：｛"status"：0｝｝
结果2：未定义
这是一个非常简单的阅读和显示信息。所有脚本都在CoffeeScript中。同时在服务器端使用ngHandsonTable和rails。
json响应
{
"sEcho": 0,
"iTotalRecords": 15445,
"iTotalDisplayRecords": 15445,
"aaData": [
{
"matricula": "12-0004",
"semestre": "1",
"materia": "TENGUA ESPAÑOLA",
"ev1": 74,
"ev2": 88,
"ev3": 88,
"ev4": 90,
"examen": 70,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
},
{
"matricula": "12-0004",
"semestre": "2",
"materia": "TENGUA ESPAÑOLA",
"ev1": 82,
"ev2": 80,
"ev3": 83,
"ev4": 80,
"examen": 86,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
},
{
"matricula": "12-0004",
"semestre": "1",
"materia": "TIOLOGIA",
"ev1": 83,
"ev2": 86,
"ev3": 87,
"ev4": 86,
"examen": 61,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
},
{
"matricula": "12-0004",
"semestre": "2",
"materia": "TIOLOGIA",
"ev1": 75,
"ev2": 85,
"ev3": 80,
"ev4": 86,
"examen": 64,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
},
{
"matricula": "12-0004",
"semestre": "1",
"materia": "TDUCACION FISICA",
"ev1": 91,
"ev2": 87,
"ev3": 95,
"ev4": 94,
"examen": 81,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
},
{
"matricula": "12-0004",
"semestre": "2",
"materia": "TDUCACION FISICA",
"ev1": 86,
"ev2": 84,
"ev3": 83,
"ev4": 85,
"examen": 56,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
},
{
"matricula": "12-0004",
"semestre": "1",
"materia": "TDUCACION ARTISTICA",
"ev1": 83,
"ev2": 83,
"ev3": 85,
"ev4": 86,
"examen": 80,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
},
{
"matricula": "12-0004",
"semestre": "2",
"materia": "TDUCACION ARTISTICA",
"ev1": 76,
"ev2": 81,
"ev3": 78,
"ev4": 83,
"examen": 67,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
},
{
"matricula": "12-0004",
"semestre": "1",
"materia": "TNGLES",
"ev1": 87,
"ev2": 83,
"ev3": 86,
"ev4": 90,
"examen": 89,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
},
{
"matricula": "12-0004",
"semestre": "2",
"materia": "TNGLES",
"ev1": 75,
"ev2": 92,
"ev3": 85,
"ev4": 90,
"examen": 66,
"completivo": null,
"extra": null,
"esp": null,
"esp2": null
}
]
}
Angularjs代码：
app = angular.module("Grades", ['ngResource', 'ngHandsontable'])
app.factory "Ano_escolar", ["$resource", ($resource) ->
$resource("/anoescolars.json")
]
app.factory "Materia", ["$resource", ($resource) ->
$resource("/materia.json")
]
app.factory "Curso", ["$resource", ($resource) ->
$resource("/cursos.json")
]
app.factory "Seccion", ["$resource", ($resource) ->
$resource("/seccions.json")
]
app.factory "Notas", ["$resource", ($resource) ->
$resource("/grades/index.json", {ano_escolar: "@ano_escolar", materia: "@materia", semestre: "@semestre", curso: "@curso", seccion: "@seccion", tanda: "@tanda"}, 'query': {isArray: false})
]
@GradesCtrl = ["$scope","$resource", "Ano_escolar", "Materia", "Curso", "Seccion", "Notas", ($scope, $resource, Ano_escolar, Materia, Curso, Seccion, Notas) ->
$scope.ano_escolares = Ano_escolar.query()
$scope.materias = Materia.query()
$scope.cursos = Curso.query()
$scope.seccion = Seccion.query()
$scope.ano_escolar = ""
$scope.materia = ""
$scope.semestre = "1"
$scope.curso = ""
$scope.seccion = ""
$scope.tanda = "M"
# $scope.searchGrades = $resource("/grades/index.json", {ano_escolar: "@ano_escolar", materia: "@materia", semestre: "@semestre", curso: "@curso", seccion: #"@seccion", tanda: "@tanda"}, 'query': {isArray: false})
$scope.searchGrades = Notas.get({ano_escolar: $scope.ano_escolar, materia: $scope.materia, semestre: $scope.semestre, curso: $scope.curso, seccion:$scope.seccion, tanda: $scope.tanda}).$promise.then( (result) ->
$scope.resultData = result
console.log('result: ' + JSON.stringify($scope.resultData))
JSON.stringify(result))
console.log('result1: ' + JSON.stringify($scope.searchGrades))
console.log('result2: ' + JSON.stringify($scope.resultData))
$scope.colHeaders = true;
$scope.saveGrades = ->
$scope.afterChange = ->
]
app.controller("GradesCtrl", GradesCtrl)
这是我得到的控制台日志：
result1: {"$$state":{"status":0}} index2.self-26ab4d630524deb977921be4b858f4e1c054fbbc935a8ab79cd724794c221090.js:71:1
result2: undefined index2.self-26ab4d630524deb977921be4b858f4e1c054fbbc935a8ab79cd724794c221090.js:72:1
window.controllers is deprecated. Do not use it for UA detection. nsHeaderInfo.js:412:0
Use of getPreventDefault() is deprecated. Use defaultPrevented instead. jquery-min.js:3:0
result: {"sEcho":0,"iTotalRecords":15445,"iTotalDisplayRecords":15445,"aaData":[{"matricula":"12-0004","semestre":"1","materia":"TENGUA ESPAÑOLA","ev1":74,"ev2":88,"ev3":88,"ev4":90,"examen":70,"completivo":null,"extra":null,"esp":null,"esp2":null},{"matricula":"12-0004","semestre":"2","materia":"TENGUA ESPAÑOLA","ev1":82,"ev2":80,"ev3":83,"ev4":80,"examen":86,"completivo":null,"extra":null,"esp":null,"esp2":null},{"matricula":"12-0004","semestre":"1","materia":"TIOLOGIA","ev1":83,"ev2":86,"ev3":87,"ev4":86,"examen":61,"completivo":null,"extra":null,"esp":null,"esp2":null},{"matricula":"12-0004","semestre":"2","materia":"TIOLOGIA","ev1":75,"ev2":85,"ev3":80,"ev4":86,"examen":64,"completivo":null,"extra":null,"esp":null,"esp2":null},{"matricula":"12-0004","semestre":"1","materia":"TDUCACION FISICA","ev1":91,"ev2":87,"ev3":95,"ev4":94,"examen":81,"completivo":null,"extra":null,"esp":null,"esp2":null},{"matricula":"12-0004","semestre":"2","materia":"TDUCACION FISICA","ev1":86,"ev2":84,"ev3":83,"ev4":85,"examen":56,"completivo":null,"extra":null,"esp":null,"esp2":null},{"matricula":"12-0004","semestre":"1","materia":"TDUCACION ARTISTICA","ev1":83,"ev2":83,"ev3":85,"ev4":86,"examen":80,"completivo":null,"extra":null,"esp":null,"esp2":null},{"matricula":"12-0004","semestre":"2","materia":"TDUCACION ARTISTICA","ev1":76,"ev2":81,"ev3":78,"ev4":83,"examen":67,"completivo":null,"extra":null,"esp":null,"esp2":null},{"matricula":"12-0004","semestre":"1","materia":"TNGLES","ev1":87,"ev2":83,"ev3":86,"ev4":90,"examen":89,"completivo":null,"extra":null,"esp":null,"esp2":null},{"matricula":"12-0004","semestre":"2","materia":"TNGLES","ev1":75,"ev2":92,"ev3":85,"ev4":90,"examen":66,"completivo":null,"extra":null,"esp":null,"esp2":null}]} index2.self-26ab4d630524deb977921be4b858f4e1c054fbbc935a8ab79cd724794c221090.js:68:1
Error: too much recursion
objectEach@http://localhost:3000/assets/handsontable/handsontable.self-894da499cadf1f87fa9b83b133201a4bc3457ef4749d5f6f9a2d5f0824c40e80.js?body=1:9736:12
我尝试使用此代码进行修复
$scope.searchGrades = -> Notas.get({ano_escolar: $scope.ano_escolar, materia: $scope.materia, semestre: $scope.semestre, curso: $scope.curso, seccion:$scope.seccion, tanda: $scope.tanda}).$promise.then( (result) ->
$scope.resultData = result.aaData
console.log('resultData: ' + JSON.stringify(result)))
但现在它正在工作，并在result不为空时设置$scope.resultData。
相关文章：
- 动态加载angularjs并生成控制器和范围
- 如何通过jQueryUI AJAX加载AngularJS内容
- 动态加载AngularJS应用程序
- 刷新/重新加载angularjs自定义指令
- 异步加载AngularJS应用程序
- 使用NgInclude加载AngularJS组合指令模板
- 加载angularjs计时器加15分钟
- 使用jQuery加载AngularJS
- 无法在coffeescript中加载angularjs模块
- 从ASP MVC异步加载Angularjs(AJAX）并执行它们
- 如何在加载 AngularJS 元素后调用 JavaScript 函数
- Phantom 不会初始化/加载 Angularjs 控制器方法
- 加载 AngularJS 文件的正确顺序是什么
- 控制器的动态加载+angularjs中的工厂
- “间歇”;jqLite不支持通过选择器查找元素"当使用RequireJS加载AngularJS时
- 如何加载angularjs脚本文件
- 如何重命名或选择性加载angularJS
- 从html动态加载angularjs控制器
- 可以't加载AngularJS 2路由器
- 如何在不重新绘制绑定视图的情况下重新加载angularjs范围数据
