Question

我有一个按钮。

        <button type="button" class="button button-calm   list-inset" 
        ng-click="disable()">
            Delete
        </button>

当我点击此按钮时，我需要显示一个带有2个按钮的弹出窗口。取消和禁用。当我单击禁用时，弹出窗口应隐藏，应禁用第一个按钮。怎么做？我只需要使用确认消息禁用第一个按钮，该消息由离子弹出窗口提供。

Answer 1

您可以在HTML中执行此操作：

<button class="button button-dark button-block" ng-click="disable()" ng-disabled="ko == true">
        Delete
      </button>

并在您的控制器中设置如下变量：$scope.ko = false; 并且您在控制器中禁用按钮的功能应如下所示：

    var popup = $ionicPopup.show({
              title: 'disable',
              scope: $scope,
              buttons: [
                {
                  text: 'Cancel',
                  type: 'button-default',
                  onTap: function (e) {
                    return null;
                  }
                },
                {
                  text: 'OK',
                  type: 'button-dark',

   onTap: function (e) {
                return true;
              }
            }
          ]
        });

        popup.then(function (popRes) {
            if(popRes){
              $scope.ko = true;
              console.log("disable");
            }
        })

希望它能帮到你:)。不要忘记在控制器中添加$ ionicPopover

Answer 2

 <button type="button" class="button button-calm   list-inset" 
        ng-click="disable()">
            Delete
        </button>

您必须将此代码放在控制器上，

$scope.disable= function () {
        var confirmPopup = $ionicPopup.confirm({
            title: 'Delete',
            template: 'Are you sure you want to delete this?'
        });

        confirmPopup.then(function (res) {
            if (res) {
                console.log('Deleted !');
            } else {
                console.log('Deletion canceled !');
            }
        });
    };

还要在你的控制器中注入（$ scope，$ ionicPopup）。

如何使用离子弹出？

2 个答案: