jri*_*iro 6 javascript html5 javascriptmvc angularjs
我刚刚开始乱用角度js,我正试图通过后期动作加载数据.
我正在使用angularjs v.1.0.2
这是我的代码:HTML:
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<script src="<?php echo $baseUrl?>/js/profilling/main.js"></script>
</head>
<body>
<div ng-controller="GroupsCtrl">
</div>
</body>
</html>
main.js:
function GroupsCtrl($scope, $http) {
$scope.url = '/file.php';
$scope.images = [];
function handleGroupsLoaded(data, status) {
console.log(data);
}
$scope.fetch = function () {
$http.post($scope.url).success($scope.handleGroupsLoaded);
}
$scope.fetch();
}
我正试图遵循这个jsfiddle:http://jsfiddle.net/simpulton/wHL3F/
但是我收到以下错误:
TypeError:undefined不是http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:92:92的一个函数 (http://ajax.googleapis.com/ ajax/libs/angularjs/1.0.2/angular.min.js:76:119)http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:76:352 at Object.e.$ eval(http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:86:220)at Object.e.$ digest(http:// a.eax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:84:198)在Object.e.$ apply(http://ajax.googleapis.com/ajax/libs/angularjs/ 1.0.2/angular.min.js:86:379)在e(http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:92:330)在O(http://ajax.googleapis.com/ajax/libs/angularjs/1.0 .2/angular.min.js:95:407)在XMLHttpRequest.q.onreadystatechange(http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:96:334)
有人可以帮忙吗？
谢谢
编辑 file.php:
echo '{"menu": {
"id": "file",
"value": "File",
"popup": {
"menuitem": [
{"value": "New", "onclick": "CreateNewDoc()"},
{"value": "Open", "onclick": "OpenDoc()"},
{"value": "Close", "onclick": "CloseDoc()"}
]
}
}}
';
它似乎是一个有效的json对象.
你只需要注册handleGroupsLoaded()在$scope
function GroupsCtrl($scope, $http) {
$scope.url = '/file.php';
$scope.images = [];
$scope.handleGroupsLoaded = function(data, status) {
console.log(data);
}
$scope.fetch = function () {
$http.post($scope.url).success($scope.handleGroupsLoaded);
}
$scope.fetch();
}
| 归档时间： |
|
| 查看次数： |
53778 次 |
| 最近记录： |