Angularjs-手风琴未按预期工作

Angularjs-手风琴未按预期工作,angularjs,Angularjs,使用angularjs,我创建了一个手风琴效果。所有这些都比考虑其他面板更有效 我的手风琴有两个面板,当我点击第一个面板时,它会改变状态(正在发生),如果打开,需要关闭另一个面板。怎么做 var-app=angular.module('myapp',[]); 应用程序控制器('MainCtrl',函数($scope){ $scope.one=false; $scope.two=假; $scope.accordion=函数(标签){ $scope[label]=!$scope[label]; }

使用angularjs,我创建了一个手风琴效果。所有这些都比考虑其他面板更有效

我的手风琴有两个面板,当我点击第一个面板时,它会改变状态(正在发生),如果打开,需要关闭另一个面板。怎么做

var-app=angular.module('myapp',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.one=false;
$scope.two=假;
$scope.accordion=函数(标签){
$scope[label]=!$scope[label];
}
});
h1{
背景:灰色;
光标:指针;
}

标题一
内容一
标题二
内容二

这只是一个单变量赋值的问题,没有任何复杂的逻辑。因此,删除冗余函数并将赋值移动到HTML中的
ng单击

var-app=angular.module('myapp',[]);
应用程序控制器('MainCtrl',函数($scope){
//$scope.one=false;//这不再是必需的
//$scope.two=false;//这不再是必需的
$scope.current='one';
//切换手风琴状态
$scope.toggleAccordion=函数(标签){
如果($scope.current==标签){
$scope.current='';
}否则{
$scope.current=标签;
}
}
});
h1{
背景:灰色;
光标:指针;
}

标题一
内容一
标题二
内容二

这只是一个单变量赋值的问题,没有任何复杂的逻辑。因此,删除冗余函数并将赋值移动到HTML中的
ng单击

var-app=angular.module('myapp',[]);
应用程序控制器('MainCtrl',函数($scope){
//$scope.one=false;//这不再是必需的
//$scope.two=false;//这不再是必需的
$scope.current='one';
//切换手风琴状态
$scope.toggleAccordion=函数(标签){
如果($scope.current==标签){
$scope.current='';
}否则{
$scope.current=标签;
}
}
});
h1{
背景:灰色;
光标:指针;
}

标题一
内容一
标题二
内容二

希望您现在能接受……)您的答案是可行的解决方案,但它滞后于文档,因此您可以添加一些关于代码的描述。这对你和我来说可能很简单,但对我来说却不简单others@dreamweiver:将代码改进了一点,(还有更多的改进空间)。。添加了更改的文档。。谢谢你的指导……)但这仍然不起作用。当我点击同一个标题时,它并没有移动到之前的状态。例句:当一个打开的手风琴单击“上一步”应该关闭时,这是不会发生的。我做了一些更改,以便在任何给定的时间点都可以打开一个或没有手风琴。。希望你能接受这个答案:)希望你现在没问题……:)您的答案是可行的解决方案,但它滞后于文档,因此您可以添加一些关于代码的描述。这对你和我来说可能很简单,但对我来说却不简单others@dreamweiver:将代码改进了一点,(还有更多的改进空间)。。添加了更改的文档。。谢谢你的指导……)但这仍然不起作用。当我点击同一个标题时,它并没有移动到之前的状态。例句:当一个打开的手风琴单击“上一步”应该关闭时,这是不会发生的。我做了一些更改,以便在任何给定的时间点都可以打开一个或没有手风琴。。希望你能接受这个答案:)