使用角模式服務而不使用引導程序

我正在嘗試在我的角應用程序中實現模態服務。現在我正在使用Angular-modal服務（http://www.dwmkerr.com/the-only-angularjs-modal-service-youll-ever-need/）。使用角模式服務而不使用引導程序

博客表示，我們可以在沒有bootstrap的情況下實現模式，但沒有任何示例。有什麼幫助嗎？

現在我試着用bootstrap也。但到目前爲止沒有運氣。這裏是我的控制器

require([ 
    'services/abcService', 
    'angular-services/angular-modal-service', 
    'libraries/bootstrap' 
], function (app) { 
    "use strict"; 

    abcController.$inject = ['angularModalService']; 

    function abcController(abcService, ModalService) { 
     var self = this; 

     abcService.getData().success(function (data) { 
      self.names = data.names; 
     }); 

     self.show = function() { 
      ModalService.showModal({ 
       templateUrl: 'abc.html', 
       controller: 'pqrController' 
      }).then(function (modal) { 
       modal.element.modal(); 
       modal.close.then(function() { 
        console.log("hey !"); 
       }); 
      }); 
     }; 
    }; 

    app.controller('abcController', abcController); 

});

這裏是pqrController

require([ 
    'angular-services/angular-modal-service' 
], function (app) { 
    "use strict"; 

    function pqrController(close) { 
     this.close = function (result) { 
      close(result, 500); 
     }; 
    }; 

    app.controller('pqrController', pqrController); 

});

現在，當我從控制器1調用Show（）函數，我得到的模態的HTML上的底部屏幕。相反，它應該在屏幕上顯示爲模式。

來源

2014-09-11 Ateev Chopra

該博客顯示了一些關於自定義模式的代碼示例[here]（http://dwmkerr.github.io/angular-modal-service/）（滾動到最後一個示例）。 – 2014-09-11 06:50:08

模態的工作方式是將一些類放在要顯示爲模態的元素上;然後，CSS將與這些類一起工作，使元素以您希望的方式顯示。聽起來你仍然有類進入元素，但沒有CSS把它放在你想要的地方。我建議從bootstrap源碼獲取靈感來研究如何使CSS做到你想做的。

來源

2014-09-11 06:46:59 Iain

謝謝！情況正是如此。我沒有使用任何CSS。 – 2014-09-11 07:28:37

使用角模式服務而不使用引導程序

回答

相關問題