我有一个index.html
,其中包含两个模板,product-list
和product-details
。最初,index.html
会显示product-list
模板。每当点击特定产品时,我都想隐藏此模板并显示product-details
模板。
然而,我有一个小问题。除了使用网址中的产品ID完全重定向到产品详细信息模板之外,我不确定如何传递所选产品的id
。是否可以将product-list
控制器中的id传递给product-details
控制器(或指令)而不执行类似
$location.path('details/' + id);
我可以简单地隐藏产品列表模板并显示所选的产品详细信息模板吗?
答案 0 :(得分:0)
如果两个模板位于同一个html文件中,则每次点击特定产品时都可以隐藏产品列表模板,方法是在$ scope上设置一个变量,指示产品是否被点击...在您的产品中切换每个产品上的点击功能,然后使用ng-if / ng-show / ng-hide显示您想要显示的模板..
如果你想使用2个不同的控制器,你可以使用$ stateParams
在它们之间传递数据