当我们添加<i>标签时，Angularjs uib-accordion-heading不会打开

Question

我有<uib-accordion-heading>，我需要的功能是， 单击标题时应打开其子项并触发ui-sref。我发现在线解决方案是添加满足我要求的<i>标记，但现在，当我点击<i>标记图片时，＆＃34;＆gt;＆＃34;然后它会打开它的子​​项并触发ui-sref，但是当用户点击标题文本时，用户也需要打开它。 在代码下面，

 <uib-accordion-heading ng-model="checkTitle"  >
                                        <span ui-sref="formName" ui-sref-opts="{reload: true, notify: true}" ng-click="$event.stopPropagation();">{{ names.name }}</span>
                                         <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': isopen, 'glyphicon-chevron-right': !isopen}" ></i>
                                    </uib-accordion-heading>