AngularJS $http.get php file - $injector:modulerr
AngularJS $http.get php file - $injector:modulerr
我有这个文件api.php
require_once 'db.php';
$con = mysql_connect($host,$user,$pass);
$dbs = mysql_select_db($databaseName, $con);
$query=mysql_query("SELECT * FROM $tableName") or die(mysql_error());
$arr[];
while($obj = mysql_fetch_object($query)) {
array_push($arr, $obj);
}
echo $json_response = json_encode($arr);
它正在获取我需要的所有数据。
然后我尝试将这些数据放入我的$scope中。。。
// The controller
function InstantSearchController($scope, $http){
$http.get('api.php').success(function(data) {
$scope.items = data;
$scope.items = [
image : data['icon'],
english : data['english'],
british : data['british']
];
});
}
但如果我像这样对数据进行硬编码,这确实有效。
function InstantSearchController($scope){
$scope.items = [
{
english: 'English A',
british: 'British A',
image: 'images/advil.jpg'
},
{
english: 'English B',
british: 'British B',
image: 'images/advil.jpg'
}
]
}
这是我在控制台中看到的错误
未捕获的语法错误:意外的标记:js/angular。js:44未捕获错误:[$injector:modulerr]http://errors.angularjs.org/1.2.15/$injector/modulerr?p0=instantSearch&p1=E.…larjs.org%2F1.25%2F%24注射器%2Fremod%3Fp0%3DinstantSearch%0A%20%20%20%。。。。。。1)
这是小提琴尝试响应#1
http://jsfiddle.net/XgsWU/
这是针对响应#2 的
http://jsfiddle.net/JGjyS/
对于稍后可能阅读本文的任何人,我发现我的问题出现在我的控制器调用中,我已经对此进行了更改/更新,它运行得很好!
app.controller('InstantSearchController', ['$scope', '$http', function($scope, $http) {
$http.get('inc/api.php').success(function(itemData) {
$scope.items = itemData;
});
}]);
意外的令牌:
。这是来自:
$scope.items = [
image : data['icon'],
您应该使用$scope.items = {...}
,因为您想要一个具有键值对的JavaScript对象,而不是一个数组。
看起来您还想在data
上循环并将项目推送到阵列上:
$scope.items = [];
data.forEach(function (datum) {
$scope.items.push({
image: datum.icon,
english: datum.english,
british: datbum.british,
});
});
此处出现语法错误:
$scope.items = [
image : data['icon'],
english : data['english'],
british : data['british']
];
应该是:
$scope.items = [
{image : data['icon'],
english : data['english'],
british : data['british']}
];
相关文章:
- 错误:$injector:modulerr模块错误(我的第一个SPA应用程序)
- 错误:$injector:modulerr加载图像时模块处于角度
- ng路由injectore:modulerr中出错[$injector:modulerr]http://errors.a
- 未捕获的错误: [$injector:modulerr] http ..(使用纯 HTML)
- 未捕获的错误:使用 ng-repeat 时出现 [$injector:modulerr]
- 未捕获的错误: [$injector:modulerr] - 角度 ng-include
- Error $injector:modulerr AngularJs
- Angularjs未捕获错误:迁移到V1.3时出现[$injector:modulerr]
- $injector:modulerr将自定义模块注入Angular应用程序
- 未捕获错误:[$injector:modulerr](新手)
- AngularJS错误:$injector:modulerr我的浏览器窗口中出现模块错误
- 获取未捕获错误:anuglar.js中的[$injector:modulerr]
- Angular应用程序无法安装,原因是出现错误:[$injector:modulerr]
- AngularJS - $injector:modulerr 模块错误在 angular.js:36.
- 未捕获的错误: [$injector:modulerr] 无法实例化模块 toastr
- Angularjs Error: [$injector:modulerr] 'ngRoute'
- 角度 JavaScript 缩小导致错误:$injector:modulerr 模块错误
- Injector:modulerr in the config (newbie)
- Angular js 未捕获错误:[$injector:modulerr] 匿名函数
- AngularJS : 未捕获错误: [$injector:modulerr] 使用 angularJS 的更新版本时