离子模态弹出窗口无法正常工作

时间:2017-08-01 06:08:00

标签: ionic-framework

我刚刚开始研究离子版本1并添加了一个打开模态的代码,它没有打开任何模态。它给了我这个错误: - “无法加载资源:net :: ERR_FILE_NOT_FOUND”。以下是我的代码: -

  // Load the modal from the given template URL
        $ionicModal.fromTemplateUrl('pages/modal/memberid/memberid.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();
   };

   //Cleanup the modal when we're done with it!
   $scope.$on('$destroy', function() {
      $scope.modal.remove();
   });

   // Execute action on hide modal
   $scope.$on('modal.hidden', function() {
      // Execute action
   });

   // Execute action on remove modal
   $scope.$on('modal.removed', function() {
      // Execute action
   });
   $ionicModal.show();

我在www / pages / modal / memberid / memberid.html文件夹中创建了一个html文件: - 。它显示有关未找到模板文件的错误

1 个答案:

答案 0 :(得分:1)

您指定的文件路径不正确,请先尝试使用浏览器解析它。

作为替代解决方案,您可以尝试在html本身上使用嵌入式模板

 <script id="modal.html" type="text/ng-template">some modal code</script>

并在您的javascript中使用modal.html作为网址