使用ng-show和ng-click

时间:2018-02-12 23:39:07

标签: html angularjs angularjs-ng-click ng-show

我有两个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按钮,我希望用户能够在点击时返回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对我来说需要什么才能实现这一目标?谢谢!

1 个答案:

答案 0 :(得分:0)

在你的myFunc()中你必须改变tasks = [];让b没有显示和再次显示示例:

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

    //.... other logic
}

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

之类的东西
<div ng-show ="showDiv">  //a
<div ng-show ="!showDiv"> //b

并在您的应用程序逻辑中激活或停用。 并在fab按钮中执行相同的操作

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