Angularjs 角度单击以获取新页面,其中包含来自已单击项目的信息

Angularjs 角度单击以获取新页面,其中包含来自已单击项目的信息,angularjs,angularjs-directive,angularjs-ng-repeat,angularjs-ng-click,Angularjs,Angularjs Directive,Angularjs Ng Repeat,Angularjs Ng Click,我有一个产品页面,有一个“快速查看”选项,可以在模式中打开产品描述和图像。我还有一个“完整详细信息”按钮,我希望用户根据项目代码被带到一个新的URL,但也显示我的JSON中关于点击产品的信息。这就是我所拥有的: <a ng-click="store.selected = product" ng-href="{{store.selected.code}}.html" class="btn btn-sm">Full details</a> 对于模式来说,一切都很好,所以我认

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

<a ng-click="store.selected = product" ng-href="{{store.selected.code}}.html" class="btn btn-sm">Full details</a>
对于模式来说,一切都很好,所以我认为在移动到另一个页面并将这些信息传递到另一个页面时会出现问题?我在Plunker中对其进行了模拟,以显示问题:

任何帮助都将不胜感激。

您应该将视图切换到其他html文件。但您也可以使用较少的设置

单击“完整详细信息”链接时,切换一个变量,跟踪库或详细信息是否应可见。并且,构造要显示的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的更新:

请注意,模板应该只是html的一个片段。。您不需要再次包含像angular这样的脚本