javascript - 如何使用 angular.js 传递参数？

Question

我正在构建我的第一个 Angular 应用程序，我几乎已经完成它，但我还剩下一页需要完成，这让我有点头疼。

所以我有一个页面列出了我去过的旅行。这是通过以下代码完成的。

<?php
 $sql = "SELECT * FROM tripreport WHERE userid = $userid LIMIT 10";
            $result = $conn->query($sql);

            if ($result->num_rows > 0) {
              while($row = $result->fetch_assoc()) {
      ?>
<div class="row">
   <div class="col-lg-7 col-md-7">
        <a href="#">
            <img class="img-responsive" src="reportimages/<?php echo $row['banner_img'];?>" alt="">
        </a>
    </div>
    <div class="col-lg-5 col-md-5">
        <h3><?php echo $row['reportname'];?></h3>
        <h4><?php echo $row['reportstartdate'];?>
            <strong class="pull-right "><?php echo $row['likes'];?> Likes</strong>
        </h4>
        <hr class="border-gray">
        <?php echo $row['reportdescription'];?>
        <hr class="border-gray">
        <a class="btn bg-green" href="#!/report-listing"></span>Manage</a>
        </div>
    </div>
</div>

所以我的网址如下:

<a class="btn bg-green" href="#!/report-listing"></span>Manage</a>

我需要它从数据库中获取 ID，并将其发布到报告列表页面，以便我可以提取相应的报告。

我认为需要进入我的 angular-menu.js JS 中才能执行此操作，目前只有:

         when('/report-listing', {
        templateUrl: 'pages/report-listing.php',
        controller: ReportListingsCtrl,
        activetab: 'report-listing'
    }).

此外，我认为我需要在我的controller.js 文件中添加一些内容，我目前已将其设置为:

function ReportListingsCtrl($scope, $http, $timeout) {}

如有任何帮助，我们将不胜感激。

Answer 1

首先，告诉您的目标 Controller (您所指的页面)在导航到该页面时期望并接受一个参数。在您的 app.js 中，引入 :reportId 参数来发送id。

$routeProvider.when('/report-listing/:reportId?', {
            templateUrl: 'pages/report-listing.php',
            controller: ReportListingsCtrl,
            activetab: 'report-listing'
        }).

参数后面的问号表示该参数是可选参数。

<a class="btn bg-green" href="#!/report-listing/3"></span>Manage</a>

在 Controller.js 中，您可以这样访问 id。

function ReportListingsCtrl($scope, $http, $timeout,$routeParams) {
$scope.id=$routeParams.reportId;
}