Question

我是Angular JS的新手。我有html页面（audit.html），它显示页面右侧的唯一ID列表。这是我的此页面的RouteProvider。这里提到的htmls左侧导航栏上有一个链接。

$user_id = 1;
$article_id = [1,2,3,4];

$deleteValues = "DELETE FROM my_table WHERE user_id = ? AND id = ?";
$delt = $db->prepare($deleteValues);
$delt->bindParam(1, $user_id);
$delt->bindParam(2, $article_id);
$delt->execute();

当我点击列出的任何ID时，我想显示根据唯一ID存储的数据。我想在同一页面上显示详细信息。我们如何在Angular JS中进行动态路由。

Answer 1

如果您将配置修改为以下（如Govind建议的那样）：

.config(function($routeProvider){
  $routeProvider
    .when('/home', { 
      controller: 'homeController', 
      templateUrl: "templates/home.html"
    })
    .when('/audit/:id',{ 
      controller: 'AuditController', 
      templateUrl: "templates/audit.html" 
    })
    .when('/submit',{ 
      controller: 'SubmitController', 
      templateUrl: "templates/submit.html" 
    });

然后在您的控制器中，您可以执行以下操作：

angular.module('app')
  .controller('myController', function($scope, $stateParams) {
    $scope.auditId = $stateParams.id;
  });

允许您将其绑定到模板。

您可以详细了解网址路由的工作原理here

希望这有帮助！

Angular JS中的动态html页面

1 个答案: