ng-click以角度js显示数据

时间:2015-12-10 07:31:25

标签: javascript jquery angularjs codeigniter

我想使用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;
        });
};

如何根据公司点击附加数据?

1 个答案:

答案 0 :(得分: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)">