我正在使用angular-ui并开始使用手风琴。
ng-click
当有人打开或关闭手风琴组时,我需要触发一个事件。
我做了一些研究,发现了这个线程:angular-ui issue
它链接到一个plunker,它显示了一个对我的用例不满意的解决方案。
这是解决方案html:
<accordion>
<accordion-group>
<accordion-heading>
<span ng-click="foo()">Try clicking me!</span>
</accordion-heading>
Some Body 3
</accordion-group>
</accordion>
但是,只有在单击 span text 时才会触发 ng-click 事件。如果您在文本之外单击,则手风琴仍会打开或关闭,而无需任何单击事件。
为了解决这个问题,我尝试将跨度宽度和高度设置为 100% 并设置 display: block。我也考虑过完全删除填充,但我想知道是否有比破解它更好的方法。
有谁知道如何将 ng-click 事件附加到整个手风琴组?或者如何使跨度填满整个组?
我的整个代码:
<accordion close-others="true">
<accordion-group ng-repeat="question in level">
<accordion-heading style="padding: 0">
<div style="display: block; margin: 0px" ng-click="set_question(question.title)">{{ question.title }}</div>
<i class="icon-check" ng-show="has_solved_all"></i>
</accordion-heading>
<span ng-bind-html-unsafe="question.content"></span>
</accordion-group>
</accordion>
<br>
Question Open: {{ question_open }}