我有两个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对我来说需要什么才能实现这一目标?谢谢!
答案 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; }