Question

我是AngularJS的新手，也许我错过了一些愚蠢的东西，但我不能让我的离子模态解决。当我点击分享按钮时，我需要打开一个模态，但是我进入控制台错误：$ scope.modal未定义。我不知道为什么。这是我现在的代码。任何帮助都会被贬低。

modal.html

<ion-modal-view>
  <ion-header-bar>
    <h1 class="title">My Modal title</h1>
  </ion-header-bar>
  <ion-content>
    Hello!
  </ion-content>
</ion-modal-view>

members.html（这是我的分享按钮）

<ion-nav-buttons side="secondary">
  <button class="button button-clear"  ng-click="openModal()">
    <span class="share-button">Share</span>
  </button>
</ion-nav-buttons>

controller.js

.controller('MembersCtrl', function($scope, $ionicModal) {
  $ionicModal.fromTemplateUrl('modal.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.$on('$destroy', function() {
    $scope.modal.remove();
  });
})

Answer 1

如果您的modal.html存储在templates文件夹中，您可以尝试添加templates/或其他路径：

$ionicModal.fromTemplateUrl('templates/modal.html', {

单击带有AngularJS的按钮时打开离子模态

1 个答案: