javascript - 想要使用 Angular JS 在不同页面中显示特定行数据

Question

<a href='#/viewCampaign' ng-click="viewCampaign(campaignData)">View</a>

在我的controller.js文件中，我定义了ng-click函数我在 campaignData

中获得了被点击的行记录

$scope.viewCampaign = function(campaignData){
    $scope.id = campaignData.campaign_id;
    console.log('View campaign:: '+$scope.id);
  }
});

我正在使用 ngRoute 切换特定事件数据的 View 我所做的如下。

.when('/viewCampaign', {
  templateUrl: './campaign-detail.html'
})

现在，我应该怎样做才能显示 ./campaign-detail.html 中的记录请在这方面帮助我。

谢谢。

Answer 1

简单的解决方案可以是:

当您使用 ng-click 调用 viewCampaign 函数时，然后将该数据存储在某个服务中，例如 campaignDataService。

$scope.viewCampaign = function(campaignData){
    $scope.id = campaignData.campaign_id;
    console.log('View campaign:: '+$scope.id);
    // calling campaignDataService here to store data inside that
  }
});

将路线更改为:

.when('/viewCampaign', {
  template: '<campaign-detail/>',
})

将 templateUrl 更改为 template 并使用 directive 代替 template 会对您有所帮助。

在campaign-detail指令中关联一个 Controller 并注入(inject)包含所需数据的campaignDataService。您可以在与 campaign-detail 指令链接的 html 中轻松使用该数据。

希望这能帮助您解决问题!