javascript - ng-click 在 Angular js 中显示数据

Question

我想使用 ng-click 显示数据

首先，我列出了所有公司，这效果很好。它显示所有公司。:

<div class="col-xs-3" ng-repeat="item in companyData"> 
   <a ng-click="getPackageInfo({id:item.iCompanyID})" class="block panel padder-v bg-primary item">
   <span class="text-white block">{{item.vCompanyName}}</span>
   </a>
</div>

现在，单击公司名称时，我必须显示其他信息，例如该公司的包装，因为我已在上面的 div 下完成了此操作:

<div ng-repeat="item in pData" class="col-xs-3">
        <a ng-click="" class="block panel padder-v bg-primary item">
               <span class="text-white block">{{item.vPackageName}}</span>
        </a>
</div>

在controller.js中我这样做了，getPackageInDetail将根据公司ID返回包列表:

    function getPackageInfo(id) {
        SubscriptionoptioncompanylistFactory.getPackageInDetail(id).
        success(function(data) {
            $scope.pData = data;
        }).
        error(function(data,status,header,config) {
            $scope.pData = 0;
        });
};

如何根据点击的公司附加数据？

Answer 1

Array.prototype.push.apply()可用于合并两个数组。

Merge the second array into the first one

//Define an empty array 
$scope.pData = [];

$scope.getPackageInfo = function(id) {
    SubscriptionoptioncompanylistFactory.getPackageInDetail(id).
    success(function(data) {
        Array.prototype.push.apply($scope.pData, data); //Merge the array
    });
};

另外，我认为你需要正确传递ID

<a ng-click="getPackageInfo(item.iCompanyID)">