ng单击以angular js显示数据

ng-click show data in angular js

本文关键字:显示 数据 js angular 单击 ng      更新时间:2023-09-26

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

如何根据点击的公司添加数据?

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

此外,我认为你需要正确地通过身份证

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