javascript - 是否有更优雅的 Angular 隐藏/显示模式？

Question

在拥挤的屏幕上，我发现它包含许多 ng-hide/ng-show 指令。

这样做的常见模式是:

<div  . . ng-hide="showCurveForm" ng-click="toggleCurveForm()">
                    Show Curve Form
</div>
<div  . . ng-show="showCurveForm" ng-click="toggleCurveForm()">
                    Hide Curve Form
</div>

在 Controller 中是这样支持的:

$scope.toggleCurveForm = function () {
   $scope.showCurveForm = !$scope.showCurveForm;
};

问题 是否存在不需要我用许多这样的“开关”弄乱我的 Controller 的模式？

这看起来很冗长。我只想翻转一个 Boolean，同时仍然遵循所有说我的 Controller 应该很薄的指南。

Answer 1

您可以像这样在点击中分配您的开关:

<a href ng-click="showCurveForm = !showCurveForm">Toggle</a>

Plunker example