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()可用於合並兩個數組。

將第二個數組合並到第一個數組中

//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)">