AngularUI - Accordion使用ng-click触发模板内的方法

时间:2014-03-21 01:09:19

标签: angularjs angular-ui-bootstrap

我正在使用带有模板的AngularUI引导程序库。我想在模板中调用一个自定义方法,我想知道我需要做些什么来使这个工作?我想我想要的是替换ng-click =" isOpen =!isOpen"如果可能的话,使用我自己的自定义方法。

提前致谢。

       <div class="panel panel-default">\n  <div class="panel-heading">\n    
       <h4 class="panel-  title">\n      
       <a class="accordion-toggle" ng-click="isOpen = !isOpen" accordion- transclude="heading">{{heading}}</a>\n    </h4>\n  
       </div>\n  
       <div class="panel-collapse" collapse="!isOpen">\n      <div class="panel-body" ng-transclude></div>\n  
       </div>\n</div>

1 个答案:

答案 0 :(得分:0)

由于点击切换会更改isOpen的值, 您可以在不更改ng-click属性

的情况下观看并应用逻辑
$scope.$watch('isOpen', function(value) {
  if (value) {
    // your code
  }
});