Angular UI Bootstrap模式 - 使用自定义模态窗口

why*_*to8 0 javascript angularjs angular-ui-bootstrap bootstrap-modal

如链接http://angular-ui.github.io/bootstrap (从顶部的Directive下拉列表中选择模态)中所示,有一个名为windowTemplateUrl的参数,用于覆盖模态内容.因此,如果我们使用它,在templateUrl或模板中给出什么,因为调用modal的open函数需要其中一个.例如,代码如下.

$scope.open = function(){
  var modalInstance = $modal.open({
      windowTemplateUrl : '/client/content.html'
  })
}
Run Code Online (Sandbox Code Playgroud)

如果我运行上面的代码,则会出现需要templateUrl或模板的错误.那么,我如何使用windowTemplateUrl.

pko*_*rce 8

windowTemplateUrl是一个窗口装饰模板:https://github.com/angular-ui/bootstrap/blob/master/template/modal/window.html

您仍然需要提供您希望看到装饰的模态内容(使用templatetemplateUrl).

  • 那么,在这种情况下,是否有一种方法可以避免出现白色背景的常规模态窗口(如上面的链接所示,点击打开后)并提供我自己的模态内容,可以在任何地方页面,而不仅仅是居中. (2认同)