我试图弄清楚如何从组中的按钮关闭手风琴组..似乎应该很容易..但是看起来只有在组中定义了作用域,而在控制器中不可用吗?在第一个按钮下方的代码片段中,我想关闭手风琴组。第二个按钮起作用。
这里是什么我工作的一个简单的plunkr https://plnkr.co/edit/bghRaioszH3SZmiWxcoH?p=preview
<uib-accordion close-others="true" ng-controller="testCtrl">
<uib-accordion-group panel-class="panel-primary" is-open="status.isOpen">
<uib-accordion-heading>
Open: {{ status.isOpen }}
<i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.isOpen, 'glyphicon-chevron-right': !status.isOpen}"></i>
</uib-accordion-heading>
<button class="btn btn-warning" ng-click="close()">Cancel</button>
<button class="btn btn-warning" ng-click="status.isOpen=!status.isOpen">Cancel</button>
</uib-accordion-group>
</uib-accordion>
要通过控制器的作用域访问手风琴组的状态,您需要执行以下操作:
移动ng-controller="testCtrl"
的<body>
元素
在控制器范围内明确定义状态:
.controller('testCtrl', function($scope) { $scope.status = { isOpen: true } $scope.close = function(){ $scope.status.isOpen = false; }; });
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句