ng-click show data in angular js

Question

I want to show data using ng-click

First i have listing for of all the companies, this works fine. it displays all the companies.:

<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>

Now on click of company name, i have to display other info like packges of that company, for that i have done this under above 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>

In controller.js i did this, getPackageInDetail will return package listing according to company id:

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

How can i append the data according to company clicked?

Satpal · Accepted Answer · 2015-12-10 07:47:13Z

1

Array.prototype.push.apply() can be used for merging two arrays.

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
    });
};

Additionally, I think you need to pass ID properly

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

edited Dec 10, 2015 at 7:47

answered Dec 10, 2015 at 7:36

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Pathik Vejani Over a year ago

getPackageInfo(item.iCompanyID) this is not printing id

Satpal Over a year ago

@hnn, You don't need to print it, You should define the function getPackageInfo in $scope object

Pathik Vejani Over a year ago

but at first iCompanyID is not going to pass in here: <a ng-click="getPackageInfo(item.iCompanyID)">

Pathik Vejani Over a year ago

it is displaying this: ng-click="getPackageInfo({id:item.iCompanyID})"

Satpal Over a year ago

@hnn, It will pass when you click on the link, just do an alert and if its working as above the go with that

|

Collectives™ on Stack Overflow

ng-click show data in angular js

1 Answer 1

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related