Php 如何使用“角度”中的“选择”选项显示表格信息？

我正在用angular和php构建一个项目。我有两个表：

1个表-Stock

<代码>2表格-库存类别。在

库存表中

我有外键

“refere\u category\u id”

。我可以从这些表中检索所有信息，并计算我总共有多少产品。我如何使它具有一个

“选择”

选项？这样，如果我选择

“类别”

，它将显示特定类别中的所有股票？有人能帮忙吗？ 这是我的代码：

php:

HTML:

קטגוריה
קוד מוצר
שם מוצר
תיאור מוצר
כמות במלאי
{{项目.参考{u类别}
{{item.stock_id}
{{item.product_name}
{{item.description}
{{item.quantity}
סך הכל מוצרים במלאי:
{{total}}

工作示例：

因此，我建议在不使用任何额外db查询的情况下进行客户端筛选：

首先，更改查询以获取类别名称。我假设数据库上的字段是“category_name”：

然后为类别生成一个选择框：

<select ng-model="selectedcategory">
    <option value="">Select a Category</option>
    <option ng-repeat="item in uniqueCats" value="{{item.refer_category_id}}">{{item.category_name}}</option>
</select>

<tr ng-repeat="item in stockReport" ng-show="item.refer_category_id == selectedcategory" ng-init="setTotals(item)">

$scope.uniqueCats ={};
for(i = 0; i< $scope.stockReport.length; i++){
     $scope.uniqueCats[$scope.stockReport[i].refer_category_id] = $scope.stockReport[i];
  }

选择一个类别
{{item.category_name}

使用ng show按类别筛选表中的数据：

<select ng-model="selectedcategory">
    <option value="">Select a Category</option>
    <option ng-repeat="item in uniqueCats" value="{{item.refer_category_id}}">{{item.category_name}}</option>
</select>

<tr ng-repeat="item in stockReport" ng-show="item.refer_category_id == selectedcategory" ng-init="setTotals(item)">

$scope.uniqueCats ={};
for(i = 0; i< $scope.stockReport.length; i++){
     $scope.uniqueCats[$scope.stockReport[i].refer_category_id] = $scope.stockReport[i];
  }

最后，这用于创建类别数组：

<select ng-model="selectedcategory">
    <option value="">Select a Category</option>
    <option ng-repeat="item in uniqueCats" value="{{item.refer_category_id}}">{{item.category_name}}</option>
</select>

<tr ng-repeat="item in stockReport" ng-show="item.refer_category_id == selectedcategory" ng-init="setTotals(item)">

$scope.uniqueCats ={};
for(i = 0; i< $scope.stockReport.length; i++){
     $scope.uniqueCats[$scope.stockReport[i].refer_category_id] = $scope.stockReport[i];
  }

$scope.uniqueCats={}；
对于（i=0；i<$scope.stockReport.length；i++）{
$scope.uniqueCats[$scope.stockReport[i]。参考\u category\u id]=$scope.stockReport[i]；
}

是否只想在客户端筛选记录？还是每次用户选择另一个类别后都要运行新的DB查询？@CanB我要按类别筛选所有产品。例如，如果我选择“相机”类别，它将为我提供库存中的所有相机。我注意到，要使用独特的过滤器，您需要角度用户界面。我已经删除了它，并添加了一个工作示例。