Question

我想用Ionic =＆gt;创建一个ActionSheet。很简单，但我想在Ionic的文档中显示破坏性文本。因此，破坏性文本不会附加到正常的按钮上。

这是我的ActionSheet：

var hideSheet = $ionicActionSheet.show({
    buttons: [
       { text: 'Facebook' },
       { text: 'Twitter' },
       { text: 'Chat' },
       { text: 'copy URL'}
    ],
    destructiveText: 'Report',
    titleText: 'Share with your friends on...',
    cancelText: 'Cancel',
    cancel: function() {
          // add cancel code..
    },

以下是图片在Tutorialpage上的外观：

以下是我的应用中的实际效果：

如何像取消文本一样显示destructiveText？作为一个 “独立的文本”

Answer 1

好吧，似乎ionActionSheet指令已被更改..！文档中的gif图像没有被更改..！

所以，检查 ionic.bundle.js 中的 ionActionSheet指令。看起来他们已经改变了模板

template: '<div class="action-sheet-backdrop">' +
            '<div class="action-sheet-wrapper">' +
              '<div class="action-sheet" ng-class="{\'action-sheet-has-icons\': $actionSheetHasIcon}">' +
                '<div class="action-sheet-group action-sheet-options">' +
                  '<div class="action-sheet-title" ng-if="titleText" ng-bind-html="titleText"></div>' +
                  '<button class="button action-sheet-option" ng-click="buttonClicked($index)" ng-class="b.className" ng-repeat="b in buttons" ng-bind-html="b.text"></button>' +
                  '<button class="button destructive action-sheet-destructive" ng-if="destructiveText" ng-click="destructiveButtonClicked()" ng-bind-html="destructiveText"></button>' +
                '</div>' +
                '<div class="action-sheet-group action-sheet-cancel" ng-if="cancelText">' +
                  '<button class="button" ng-click="cancel()" ng-bind-html="cancelText"></button>' +
                '</div>' +
              '</div>' +
            '</div>' +
          '</div>'

如果我们看到，titleText，button和destructiveText位于同一action-sheet-group

下

其中cancelText与其他人分开..

所以..这就是它......！希望这会有所帮助..！如果有更多的话，我会更新......！

离子行动表破坏性文本

1 个答案: