AngularJS ex.com/forum?id=1 to ex.com/#/forum?id=1


AngularJS ex.com/forum?id=1 to ex.com/#/forum?id=1

所以。我正在制作一个论坛,我想使用AngularJS来构建它。

第一次。

现在,我已经用建立了与数据库的连接

<?php 
session_start();
$db = new mysqli("localhost","root","","uf") or die ("ERROR! With connection!");
function sql($query){
 return mysql_query($query);
}
$sql = "SELECT forum_id, forum_name, forum_desc, forum_created FROM forum_tbl";
if($query = $db->prepare($sql)){
	$query->bind_result($f_id, $f_name, $f_desc, $f_created);
	$query->execute();
	$query->store_result();
	
}else{
	echo $db->error;	
}
?>

它分为两个文件,第一个是db_connect.php和第二个core.php

我已经制作了上面的表格,它们有样本数据。

我现在如何使f_id、f_name,。。到JSON编码的数据?在我的main.js文件中使用JSON来使用data.forumid?

我制作了php来读取数据库中的数据,使用:

		<?php if($query->num_rows !==0):
            while($row = $query->fetch()):
			?>
            <tr>
                <td><?= $f_id;?></td>
                <td><a href="#/HELPME"><?= $f_name;?></a></td>
                <td><?=  $f_desc;?></td>
                <td><?= $f_created;?></td>
            </tr>
            <?php endwhile; endif; ?>

但我不想那样解读数据。我很想用ng重复。

您应该将行存储在一个数组中,然后使用json_encode()将其转换为json:

$rows = array();
while($row = $query->fetch()) {
    $rows[] = $row;    
}
echo json_encode($rows);

所以。

我用。。。。

<a ng-click="setRoute('forum')" href="#/forum/id=<?php echo $f_id;?>" class="list-group-item">Link</a>

在我的html中当然是ng-app="urheilu"

var app = angular.module('urheilu', ['ngRoute']);
app.config(function($routeProvider) {
    $routeProvider
.when('/forum/id=:id', {
templateUrl: function(urlattr){
return 'app/components/forums/threadlist.php?id=' + urlattr.id + '';
    } 
})
});

这就是我进行动态链接的方式。

完成。

-Kevin