如何使用带按钮的表链接到HTML页面，并让它使用AngularJS从Firebase输入数据

How to link to HTML page with a table with a button and have it input data from Firebase using AngularJS

本文关键字：AngularJS 数据 输入 Firebase 按钮 何使用 链接 页面 HTML      更新时间：2023-09-26

我正在创建一个AngularJS应用程序。主页面上有一个表格，每一行都包含信息。每一行都有一个按钮"查看更多"，链接到一个带有标准表格的新页面。是否有一种方法可以使每个"查看更多"按钮链接到该视图，但在表中填充与主页面的每一行相关的不同数据。

因此，假设您在主页面中有4行。您可以为每一行分配一个id。

Row 1 -> Redirects to "viewmore/1" 
Row 2 -> Redirects to "viewmore/2" 
Row 3 -> Redirects to "viewmore/3" 
Row 4 -> Redirects to "viewmore/4"

由于您使用的是AngularJS，因此可以使用ui路由器。在这里，您可以定义您的viewmore状态。类似这样的东西：

.state('state1', {
    url: "/viewmore/:id",
    templateUrl: "partials/viewmore.html",
    controller: "ViewmoreCtrl"
})

在控制器上，您可以使用$stateParams.id知道URL中使用的是什么id。因此，如果您重定向到viewmore/4，您就知道您想要从id 4中显示它。

module.controller('ViewmoreCtrl', function($stateParams, $state) {
    //fill table with data of id = $stateParams.id     
}
相关文章：