使用 ng-show 和 ng-click

Question

我有两个 div（A 和 B）具有相反的 ng-shows，因此如果 B 为真，B 将出现而 A 将消失。但是，我希望能够返回到 A，因此我创建了一个 FAB 按钮并希望它在单击时返回到 A。我该怎么做？

A 看起来像这样：<div ng-show="tasks.length<=0">

B 看起来像这样：<div ng-show="tasks.length>0">

当 B 处于活动状态时，我有一个 md 按钮与其一起出现，我希望用户在单击时能够 return 返回 A：

    <md-button class="md-fab md-primary md-fab-top-left back-fab" aria-label="goBack" ng-click="myFunc()">
      <i class="material-icons">keyboard_arrow_left</i>
    </md-button>

我需要什么样的 myFunc 才能完成此任务？谢谢！！

Answer 1

在您的 myFunc() 中，您必须更改 tasks = [];让 b 不显示而 a 再次显示示例：

myFunc = function() {
    $scope.tasks = [];

    //.... other logic
}

我建议更好地使用一些标志变量来显示以更友好的方式处理。像

<div ng-show ="showDiv">  //a
<div ng-show ="!showDiv"> //b

并在您的应用激活或停用逻辑中。在 fab 按钮中做同样的事情

myFunc = function() { $scope.showDiv = true; }

使用 ng-show 和 ng-click

Using ng-show along with ng-click

html

angularjs

angularjs-ng-click

ng-show