如何在AngularJS中通过ng-click更改手风琴模板

Question

我现在正在开发基于AngularJS的Web应用程序，但很难实现这一点。

请看这张图片。

正如你在这里看到的，当我点击手风琴上的任何项目时，我需要显示完全不同的模板。

<accordion close-others="true" >
          <accordion-group  is-open="isopen"
              ng-repeat="account in vm.accounts"
              ng-controller="AccountController">
              <accordion-heading>    
                <div class="row" ng-click="templateChange({{isopen}})">
                    <div class="col-md-4">
                        <i class="pull-right glyphicon"
                            ng-class="{'glyphicon-chevron-up': isopen, 'glyphicon-chevron-down': !isopen}"></i>
                        {{ ::account.name }}
                    </div>
                    <div class="col-md-3 pull-right">
                        <p class="text-uppercase">Balance</p>
                        ${{ ::account.balance }}
                        <p class="text-uppercase">Annual Return</p>
                        {{ ::account.annualReturn }}%
                    </div>
                    <div class="col-md-5">
                    </div>
                </div>    
              </accordion-heading>
          </accordion-group>

这是控制器部分，但仍然是空的。

function AccountController($scope) {

    $scope.templateChange = function(isOpen){
      // Here, I hope to know what should I wrote to use another templatge
    }

}

所以，我希望知道当我点击它以展开或折叠时如何更改个别手风琴组的模板。

请帮帮我!!!