角靴式手风琴为开放式范围

石匠

我试图弄清楚如何从组中的按钮关闭手风琴组..似乎应该很容易..但是看起来只有在组中定义了作用域,而在控制器中不可用吗?在第一个按钮下方的代码片段中,我想关闭手风琴组。第二个按钮起作用。

这里是什么我工作的一个简单的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>
保罗

要通过控制器的作用域访问手风琴组的状态,您需要执行以下操作:

  1. 移动ng-controller="testCtrl"<body>元素

  2. 在控制器范围内明确定义状态:

.controller('testCtrl', function($scope) { $scope.status = { isOpen: true } $scope.close = function(){ $scope.status.isOpen = false; }; });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

角靴式手风琴无法打开

来自分类Dev

AngularJS手风琴是开放式检查,重复ng

来自分类Dev

靴式手风琴中的Owl Carousel 2仅在调整窗口大小时起作用吗?

来自分类Dev

手机响应式网页手风琴

来自分类Dev

Liferay中的手风琴/折叠式导航

来自分类Dev

CSS Flexbox响应式手风琴

来自分类Dev

角度手风琴范围问题

来自分类Dev

响应式HTML电子邮件上可以使用手风琴吗?

来自分类Dev

在Ember.js中实现一个手风琴式视图

来自分类Dev

角形手风琴和弹出式叠加层

来自分类Dev

Bootstrap手风琴水平(内嵌式)-折叠问题

来自分类Dev

在ag-grid内安装垫式手风琴

来自分类Dev

Bootstrap:折叠式手风琴不起作用

来自分类Dev

在Ember.js中实现手风琴式视图

来自分类Dev

角形手风琴和弹出式叠加层

来自分类Dev

带有下拉式手风琴剪切文本的离画布Nav

来自分类Dev

可正确切换的手风琴式列表

来自分类Dev

手风琴式显示器内的粘性标题

来自分类Dev

具有内部所示手风琴的自举式手风琴,具有不同的显示b.collapse事件

来自分类Dev

角引导手风琴数据绑定问题

来自分类Dev

角手风琴:动画切换

来自分类Dev

在嵌套的UI Bootstrap手风琴中管理范围

来自分类Dev

在嵌套的UI Bootstrap手风琴中管理范围

来自分类Dev

Bootstrap 手风琴超出 div 的范围

来自分类Dev

ASP.NET,MVC4和非侵入式验证-将错误摘要显示为Bootstrap手风琴中的覆盖层

来自分类Dev

多个手风琴

来自分类Dev

Bootstrap手风琴

来自分类Dev

多个手风琴

来自分类Dev

Bootstrap手风琴