angularjs ui引导手风琴做';t平稳过渡/滑动

angularjs ui引导手风琴做';t平稳过渡/滑动,angularjs,accordion,angular-ui-bootstrap,Angularjs,Accordion,Angular Ui Bootstrap,我正在尝试使用angularjs ui引导手风琴来构建嵌套手风琴。 虽然嵌套的手风琴工作正常,但从一个项目到另一个项目的过渡过于严格,即过渡不平滑,如网站所示 我的密码在这里 angular.module('plunker',['ui.bootstrap'])) .controller(“AccordionDemoCtrl”、[“$scope”、函数($scope){ $scope.staticTitle=“静态标题”; $scope.groups=[ {标题:“动态标题1”,内容:“动态内容

我正在尝试使用angularjs ui引导手风琴来构建嵌套手风琴。 虽然嵌套的手风琴工作正常,但从一个项目到另一个项目的过渡过于严格,即过渡不平滑,如网站所示

我的密码在这里

angular.module('plunker',['ui.bootstrap']))
.controller(“AccordionDemoCtrl”、[“$scope”、函数($scope){
$scope.staticTitle=“静态标题”;
$scope.groups=[
{标题:“动态标题1”,内容:“动态内容1”},
{标题:“动态标题2”,内容:“动态内容2”}
];
}]);

新内容
新内容2
{{group.content}

为此您需要ngAnimate,它是1.13.0版ui引导中所必需的。 将其添加为脚本标记并注入应用程序。 我已经用这个解决方案创建了

angular.module('plunker', ['ui.bootstrap','ngAnimate'])
.controller("AccordionDemoCtrl",["$scope", function ($scope) {
  $scope.staticTitle = "Static Title";

  $scope.groups = [
    { title: "Dynamic Title 1", content: "Dynamic content 1" }, 
    { title: "Dynamic Title 2", content: "Dynamic content 2" }
  ];
}]);

非常感谢您及时回复@punov。这无疑解决了平滑度问题。然而,在标题转换期间,组中以前的标题保持打开状态。(在您提供的plunkr上,单击“静态标题”下的“新标题2”,然后单击“动态标题2”,然后再次单击“静态标题”。您将注意到“新标题2”已打开)。你能推荐一个解决方案吗?非常感谢你。