调用

时间:2017-05-18 04:01:03

标签: javascript angularjs ionic-framework

所以当我按下按钮时,我会尝试显示一个简单的模态。但它不会出现。这是我的代码(基本上直接来自文档)。

$ionicModal.fromTemplateUrl('templates/addUser.html', {
      scope: $scope,
      animation: 'slide-in-up'
    }).then(function(modal) {
      $scope.modal = modal;
    });
    $scope.openModal = function() {
      $scope.modal.show();
    };
    $scope.closeModal = function() {
      $scope.modal.hide();
    };
    
$scope.myEvent = function() {
      var hideSheet = $ionicActionSheet.show({
        buttons: [{
          text: 'Add User'
        }],
        //destructiveText: 'Delete',
        titleText: 'Options',
        cancelText: 'Cancel',
        cancel: function() {
          // add cancel code..
          hideSheet();
        },
        buttonClicked: function(index) {
          hideSheet();
          $scope.openModal();
        }
      });
    }
<script id="addUser.html" type="text/ng-template">
  <ion-modal-view>
    <ion-header-bar>
      <h1 class="title">My Modal title</h1>
    </ion-header-bar>
    <ion-content>
      Hello!
    </ion-content>
  </ion-modal-view>
</script>

单击“添加用户”按钮后,工作表将关闭,但不显示任何模态。我无法弄清楚为什么。我已经完成了我的研究,这是到处显示的最基本的例子,但我无法让它工作。拜托,任何帮助都会很棒。

0 个答案:

没有答案