angularjs – 我怎样才能默认使用手风琴来打开第一个元素?
发布时间:2020-12-17 17:26:22 所属栏目:安全 来源:网络整理
导读:我在我的项目中使用bootstrap手风琴. 这是工作fiddler. 这是HTML代码: div ng-app="myapp" div ng-controller="AccordionDemoCtrl" uib-accordion close-others="oneAtATime" uib-accordion-group ng-repeat="group in groups" is-open="isOpen" uib-accord
我在我的项目中使用bootstrap手风琴.
这是工作fiddler. 这是HTML代码: <div ng-app="myapp"> <div ng-controller="AccordionDemoCtrl"> <uib-accordion close-others="oneAtATime"> <uib-accordion-group ng-repeat="group in groups" is-open="isOpen"> <uib-accordion-heading> <div class="text-center"> <strong>{{group.title}}</strong> <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': isOpen,'glyphicon-chevron-right': !isOpen}"></i> </div> </uib-accordion-heading> {{group.content}}</uib-accordion-group> </uib-accordion> </div> </div> 这是控制器: var app = angular.module('myapp',['ui.bootstrap','ngAnimate']) app.controller('AccordionDemoCtrl',function($scope) { $scope.groups = [{ title: "Dynamic Group Header - 1",content: "Dynamic Group Body - 1" },{ title: "Dynamic Group Header - 2",content: "Dynamic Group Body - 2" },{ title: "Dynamic Group Header - 3",content: "Dynamic Group Body - 3" }]; }); 我试着用这一行: is-open="true" 像那样: <uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups" is-open="true">{{group.content}}</uib-accordion-group> 但它默认打开所有项目. 我怎么能默认使用手风琴才能打开第一个元素? 附:这是更新plunker 解决方法
请使用$first of ng-repeat指令仅打开第一个手风琴,如is-open =“$first”
标记 <uib-accordion close-others="oneAtATime"> <uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups" is-open="$first"> {{group.content}} </uib-accordion-group> </uib-accordion> Preview Here (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |