角度单击新页面，其中包含来自单击项目 JSON 的信息

【问题标题】：Angular click for new page with infomation from clicked item JSON角度单击新页面，其中包含来自单击项目 JSON 的信息
【发布时间】：2015-04-09 08:08:10
【问题描述】：

我有一个产品页面，并且有一个“快速查看”选项，可以在模式中打开产品描述和图像。我还有一个“完整详细信息”按钮，我希望用户根据商品代码被带到一个新的 URL，同时也显示来自我的 JSON 的那个点击产品的信息。这就是我所拥有的：

<a ng-click="store.selected = product" ng-href="{{store.selected.code}}.html" class="btn btn-sm">Full details</a>

一切都适用于 Modal，所以我假设移动到不同页面并携带此信息存在问题？我在 Plunker 中对其进行了模拟以显示问题：

Plunker here

任何帮助将不胜感激。

【问题讨论】：

标签： angularjs angularjs-directive angularjs-ng-repeat angularjs-ng-click

【解决方案1】：

您应该 consider using ng-route 将视图切换到不同的 html 文件。但您也可以使用ng-include，只需少一些设置。

当点击Full details 链接时，切换一个变量来跟踪是否应该显示图库或详细信息。并且，构造您要显示的 html 模板的路径：

$scope.setSelection = function(product) {
  $scope.store.selected = product; 
  $scope.detail.show = !$scope.detail.show; 
  $scope.detail.source = product.code + '.html'
}

然后，使用ng-include 显示模板：

<div ng-if="detail.show" ng-include="detail.source">
</div>

这是您的 plunker 的更新：http://plnkr.co/edit/zhsY6TAjONewyInGiwUC?p=preview

请注意，模板应该只是 html 的 sn-p.. 你不需要再次包含像 angular 这样的脚本。

【讨论】：