从DB中提取数据并在Angular中显示它

时间:2015-06-24 14:43:06

标签: javascript php arrays angularjs database

我是角色的新手,让它与PHP一起工作所以忍受我。我成功地使用php将数据保存到数据库。现在我想检索它并在列表中显示它。数据从数据库返回,但在我的视图中没有显示(html)

我的HTML代码是:

<!-- Show users from db -->
<div>
    <ul ng-init="get_user()">
        <li ng-repeat="user in userInfo track by $index">{{user.user_name}} + {{user.user_email}}</li>
    </ul>
</div>
<!-- Show users from db -->

我app.js的代码是这样的:

/** function to get info of user added in mysql referencing php **/
$scope.get_user = function() {
    $http.get('db.php?action=get_user').success(function(data)
    {
        $scope.userInfo = data;   
        console.log("You were succesfull in show user info"); 
        console.log(data);
    })
}

最后我的PHP代码:

/**  Function to get a user   **/
function get_user() {    
    $qryGet = mysql_query('SELECT * from tblUser');

    echo ($qryGet);

    $data = array();
    while($rows = mysql_fetch_array($qryGet))
    {
        $data[] = array(
                    "id"            => $rows['id'],
                    "user_name"     => $rows['user_name'],
                    "user_email"    => $rows['user_email']
                    );
    }

    print_r(json_encode($data));

    return json_encode($data);  
}

在浏览器中运行时,我会在控制台中看到它。 (http://gyazo.com/4621faa287a041ed9f7f610552407e9f)。欢迎任何线索

1 个答案:

答案 0 :(得分:1)

那是因为你的数据不是

[{"id":"1", "user_name":"Foo Bar" ... }]

这是:

Connected to the DBResource id #4[{"id":"1", "user_name":"Foo Bar" ... }]

您可以在控制台日志中看到它。删除说

的行
echo ($qrtGet);

在你的php中