AngularJS切换事件的功能不正确。

10 浏览
0 Comments

AngularJS切换事件的功能不正确。

当我点击按钮时，我的切换功能运行良好，但当我再次点击按钮时，它不会重置所有内容。打开的选项卡将保持打开或关闭（如果它已关闭）。它的行为就像它不想恢复到原始形式一样。请问有人能给我建议，我做错了什么吗？\n


    
        
        
            
                
                {{sponsor.Name }}
                
                    
                
                
                    
                        {{delivery.PracticeName}}  {{ delivery.LineTwo}}

\nJavascript\n

$scope.callaction = true;
$scope.Custom = function () {
    $scope.callaction = !$scope.callaction;
};

0

1 答案

0 Comments

问题的出现原因：代码中的toggle事件不起作用，当点击toggle按钮时，无法正确地将所有卡片的值重置为初始值。

解决方法：根据代码中的逻辑，可以使用collapseAll或expandAll方法来实现重置所有卡片的值的功能。可以参考代码中的checkboxStyleBehaviour方法，该方法使用了collapseAll和expandAll方法来实现类似复选框的行为。

文章内容如下：

正如您在代码片段中看到的，Angular正常工作。但是，当在卡片中添加两个以上的toggle时，将其值重置为初始值时出现问题。代码已经实现了这个功能，但是当添加一个以上的toggle并且尝试将所有toggle的值重置为初始值时，它将无法正常工作。如您所见，您可以执行任何操作，Angular正常工作。取消选择toggle 2并单击toggle all cards按钮后，它将失败，这正是我的代码所做的。它没有将所有卡片重置为初始值。如果有人隐藏一个toggle，当他们按下一个按钮时，它应该展开或折叠所有卡片，并将所有值重置为初始值。如果您正在寻找类似复选框的行为，请参考代码中的checkboxStyleBehaviour方法。我已经给出了一个解决方案，您只需学习如何在您的代码中实现相同的功能即可。希望这对未来的许多人有所帮助。

0