如何使用angular.js傳遞參數？

Question

我正在構建我的第一個有角度的應用程序，我幾乎完成了它，但是我只剩下一頁要完成，這讓我有些頭疼。

因此，我有一個頁面列出了我曾經去過的旅行。 這是通過以下代碼完成的。

<?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

首先，告訴目標控制器（您所指的頁面）在導航到該頁面時期望並接受一個參數。在您的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;
}