離子模式彈出不起作用

Question

我剛剛開始研究離子版本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(); 

我創建了一個html文件，我的WWW /頁的內/莫代爾/ MEMBERID/memberid.html文件夾： - 。它顯示有關未找到模板文件的錯誤

Answer 1

您指定的文件路徑不正確，只是嘗試使用瀏覽器先解析它。

---

作爲一個替代的解決方案，你可以嘗試使用上的HTML本身

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

嵌入模板，並在你的JavaScript