ui-bootstrap手风琴标题触发器

Question

我试图让ui-bootstrap手风琴只触发（扩展）在accordion-header中的div上。我已经尝试将is-open设置为false但没有运气。我的想法是，我只想在手风琴标题上进行各种ng-click，但只有一个会扩展它。

<accordion-group class="panel-default">
      <accordion-heading>

        // ****** I'd like this to be one of the things that expands the accordion
        <span class="editable">
          <span class="glyphicon glyphicon-cloud-download" ></span>&nbsp;
          {{product.name}}&nbsp;
        </span>

        // ****** but not this..
        <span class="editable">
           <span is-open="false" ng-click="editProduct(item)" class="glyphicon glyphicon-pencil"></span>
        </span>

        <span class="pull-right" >

          <span class="badge access_group" ng-click="fetchMembers(product)" ng-show="product.members_count > 0">
            <span class="glyphicon glyphicon-user">
            </span> 
            {{product.members_count}}
          </span>&nbsp;

          // ****** but this should as well...
          <span class="badge access_group editable" ng-click="fetchServiceProducts(product)" ng-show="product.children_products_count > 0">
            <span class="glyphicon glyphicon-cloud-download">
            </span> 
            {{product.children_products_count}}
          </span>
        </span>

      </accordion-heading>
      {{product.description}}
      <accordion>
        <div ng-repeat="product in product.products" ng-include="'product_renderer.html'"></div>
      </accordion>
    </accordion-group>

如果我遗失了某些内容，请告诉我。