Angular:基于先前查询结果的休息查询

时间:2014-07-16 19:39:30

标签: angularjs angular-ui-bootstrap

我有以下面板,它只根据REST调用填充标题面板(带标题)。   如何根据面板标题中的ID在body部分中填充下面()的DIV标签?我不确定Angular会如何做到这一点。

<accordion id="0022" close-others="false">
                    <accordion-group isopen="opened" is-open="opened">
                        <accordion-heading>
                            {{m.PLabel}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': opened, 'glyphicon-chevron-right': !opened}"></i>
                        </accordion-heading>
                        <div class="label-primary">
                            <h2>**How do I get data here based on different REST** call?</h2>
                        </div>


                    </accordion-group>
                </accordion>

一个例子是---&gt;从ID = accordionid(0022)的数据中选择数据。* 手风琴将来自上面的标题Id(例如0.0022)

1 个答案:

答案 0 :(得分:0)

如果您只是使用标头ID来讨论延迟的$ http呼叫,this fiddle可能会演示一种方法。基本上,您将绑定到标头的inital $ http调用的结果,然后当用户通过引用标头绑定到的标识符来绑定标头时,进行后续的$ http调用。报头中。

<div ng-repeat="header in headers" ng-click="getPanelContents(header.id)">{{header.name}}</div>

在你的控制器中添加一个$ scope变量,它是一个函数调用,你将id传递给

$scope.getPanelContents = function(headerId){
    var results = $http('resource/' + headerId);        
};