javascript - 构建 Web 应用程序 : Data from my AngularJS file won't display in my HTML document

标签 javascript php html angularjs web-applications

请帮助我,这段代码是我必须提交的项目的关键部分,但我就是找不到问题。

这是 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/

相关文章:

javascript - 如何在页面加载期间打开 css 弹出窗口,然后在页面加载完成时关闭它

java - 页面滚动时滚动模态框

php - "Notice: Undefined variable"、 "Notice: Undefined index"、 "Warning: Undefined array key"和 "Notice: Undefined offset"使用 PHP

html - 不同行上的中心按钮和字形

java - 从 HTML 调用本地 Java 库

html - 将图像添加到可调节高度部分的底部

javascript - 动态图像放置帮助 - CSS/javascript/jquery?

javascript - 如果多个元素使用相同的自定义验证指令,如何验证表单?

Javascript 移动检测

php mysql查询返回多个数组但只需要一个