如何使用离子弹出窗口？

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）。