gpt4 book ai didi

javascript - Angular JS 显示响应值

转载 作者:行者123 更新时间:2023-11-30 20:07:06 25 4
gpt4 key购买 nike

我正在尝试在 Angular JS 中将数据从一页显示到另一页。在 Firefoxes 控制台中使用 displayResponse,似乎可以检索到响应数据,但是我在尝试在页面上显示这些值时遇到了问题,这很麻烦,因为团队成员能够让它们在网站的其他页面上正确显示。

到目前为止,这是代码(我删除了脚本的一部分以节省屏幕空间。这些代码与 afaik 问题无关):

var app = angular.module("myApp", ['ngRoute']);

app.config(function($routeProvider) {
$routeProvider
.when('/ViewSalesRecords', {
templateUrl: 'view-sales-records.html',
controller: 'salesRecordController'
}).
when('/ViewSingleSale', {
templateUrl: 'view-single-sale.html',
controller: 'salesRecordController'
});
});

app.controller('salesRecordController', ['$scope', '$http', function($scope, $http) {

$scope.displaySingleSale = function(sale_id) {

$http.post('read_sale.php', {
'sale_id': sale_id
})
.then(function(response) {
$scope.singleSalesRecord = response.data;
console.log($scope.singleSalesRecord);
})
}
$http.get("read_sale.php")
.then(
function(response) {
$scope.salesRecords = response.data;
}
)
}]);
<head>
<link href="./styles/style.css" rel="stylesheet">
</head>
<table class="table table-hover" data-ng-model="sale_id">
<p><strong>Sale ID: {{displayResponse}} </strong> </p>
<p><strong>Sale Date: </strong> </p>
<thead>
<tr>
<th>Product ID</th>
<th>Product Name</th>
<th>Quantity</th>
<th>Item Total</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="s in singleSalesRecord">
<td>{{s.product_id}}</td>
<td>{{s.product_name}}</td>
<td>{{s.quantity}}</td>
<td>${{s.product_price}}</td>
</tr>
</tbody>
</table>
<p><strong>Total: ${{s.orderTotal}}</strong></p>

发送数据的页面

<head>
<link href="./styles/style.css" rel="stylesheet">
</head>
<div>
<input class="form-control searchBar" data-ng-model="searchText.sale_id" type="text" placeholder="Search sales by Sale ID">
<table class="table table-hover">
<thead>
<tr>
<th>Sale ID</th>
<th>Total items</th>
<th>Total price</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="s in salesRecords | filter:searchText:strict">
<td>{{s.sale_id}}</td>
<td>{{s.TotalItems}}</td>
<td>${{s.orderTotal}}</td>
<td>
<a href="#!ViewSingleSale" data-ng-click="displaySingleSale(s.sale_id)"><button class="btn btn-primary">View</button></a>
<button class="btn btn-danger">Delete</button>
</td>
</tr>
</tbody>
</table>
</div>

所以考虑到文字墙,我做错了什么?我承认我不太熟悉 AngularJS,所以这对我来说可能是一个非常业余的错误。

最佳答案

我发现问题是当我移动到另一个页面时我想要传输的值被删除了。所以我决定简单地将它们显示在第一页上,而不是超链接到另一个页面。

关于javascript - Angular JS 显示响应值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52800248/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com