自定义表/列表值显示在Angular 1.x中

时间:2019-03-09 09:05:04

标签: javascript angularjs angularjs-scope

我是Angular JS的新手。从基本的角度来看,我试图在列表中显示自定义值。我有购买和产品表。购买表包含product_id。 我正在为“购买”设置数据

$scope.purchases = data.purchases.content;

和“产品”的来源

function getProductList() {
        AllProductsList.get(function (data) {
            console.log(data.productList);
            $scope.products = data.productList;
        });
    }

我正在使用的html页面

<tr ng-repeat="purchase in purchases | orderBy: sortColumnHeader:reverseSort | filter:search">
                        <td><span>{{purchase.productId}}</span></td>
                        <td><span>{{purchase.receivedAmount}}</span></td>
                        <td><span>{{purchase.purchaseDate | date:"yyyy-MM-dd"}}</span></td>
                    </tr>

我必须单独获取那些数据列表。结果我在productId列中得到了2,4,6,....。我想显示我在“ $ scope.products”中获得的产品名称,该名称替换为数字productId值。

对于这种情况有什么解决方案?

1 个答案:

答案 0 :(得分:0)

.yml

在您的html中

function getProductName(id){
     return $scope.products.filter(function (obj) { 
           return obj.Id==id; 
     })[0];
}