Angularjs（离子）列表滑动按钮

Question

我正在使用 ionic 的 angularjs 列表，我希望每个项目滑动以显示选项。在这里没问题，但是当我点击一个选项时，我想再次关闭按钮 - 我如何在我的控制器中执行此操作？

$scope.listButtons = [{
    Text: "Download",
    Type: "button-assertive",
    onTap: function(file){
        //after tap hide buttons code here..
    }

我试过了

File.hide();

和

this.hide();

但仍然无法隐藏它们

Answer 1

您正在控制器中进行 DOM 操作。使用指令。

• onTap 需要是指令，ng-click 或类似的-> http://docs.angularjs.org/api/ng.directive:ngClick
• jquery .hide() 需要指令 ng-hide-> http://docs.angularjs.org/api/ng.directive:ngHide

通过作用域将显示/隐藏布尔值从使用 ng-click 的元素传递到使用 ng-hide 的元素。

简单示例

<button ng-click="listButton.tap=true">{{listButton.Text}}</button>
<button ng-click="listButton.tap=false">{{listButton.Text}} done</button>
<div ng-show="listButton.tap">I am {{listButton.Text}}</div>
<div ng-hide="listButton.tap">I am done {{listButton.Text}}</div>