javascript - Angularjs (ionic) 列表滑动按钮

Question

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

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

我试过了

File.hide();

还有

this.hide();

但还是无法隐藏它们

Answer 1

您正在 Controller 中进行 DOM 操作。使用指令。

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

通过作用域将显示/隐藏 bool 值从使用 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>