请帮助我,这段代码是我必须提交的项目的关键部分,但我就是找不到问题。
这是 GitHub 上文件的链接。 https://github.com/PouncingPoodle/LibApp
几天前,这个应用程序在我大学的计算机上运行得很好,但是当我回到家时,我只更改了必须更改的路径,但现在该应用程序不再运行了。请帮忙!
所以我正在做的是: 我想使用 angularJS 在我的 html 文档中显示数据库中项目的一些详细信息。它显示“测试之前”文本,但不显示“测试之后”,因此从 div 开始使用 ng-repeat 肯定存在问题。我检查了“book”/“books”/“info”所有这些名称是否正确,所有路径都正确。
这是我的 html 代码
<html ng-app="lib">
<div ng-controller="BooksController as books">
<p>Test before</p>
<div ng-repeat="book in (books.info | orderBy: 'title' | limitTo: 3)">
<p>{{book.id}}</p>
<p>{{book.genre}}</p>
<p>{{book.title}}</p>
<p>Test after</p>
</div>
</div>
scripts/dbcon.php 连接到数据库,获取信息并添加到数组$results[]
$app->get('/book', function () {
// these details is correct on my computer
$bookDBconnect = mysqli_connect("localhost","root","","lib_db");
if (mysqli_connect_errno()) {
echo "Failed to connect to". mysqli_connect_error();
}
$result = mysqli_query($bookDBconnect,"SELECT * FROM books");
$results = array();
while ($row = mysqli_fetch_array($result))
{
$mybook = new Book;
$mybook->id = $row['id'];
//more fields
// this echo shows the correct details
//echo json_encode($mybook);
$results[] = $mybook;
}
echo json_encode($results);
mysqli_close($bookDBconnect);
});
$app->run();
scripts/app.js 从数据库中获取所有数据并将其发送到我的“info”以显示在我的html中
(function(){
var app = angular.module('lib', []);
app.controller('BooksController', ["$http", function($http)
{
var storage = this;
//this path is correct on my computer
$http.get("http://localhost/OW/idvProject6/scripts/dbcon.php/book").success(function(data)
{
storage.info = data;
});
}]);
})();
谢谢大家
最佳答案
好的,我发现了问题: 我在大学计算机上使用 Ampps,但在家里使用 Xampp。我现在在家改用 Ampps,这个错误就消失了!基本上,问题出在数据库密码上,但使用 Xampp“mysql”作为密码不起作用,但使用 Ampps 则可以。如果数据库密码错误,我不知道为什么它仍然连接并通过回显发送数据,但不知何故它确实如此。
我将工作应用程序上传到 github:https://github.com/PouncingPoodle/LibApp/tree/master/libapp
感谢大家的帮助。
关于javascript - 构建 Web 应用程序 : Data from my AngularJS file won't display in my HTML document,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29187574/