UI-Bootstrap Modal AppendTo

Question

Ich benutze das UI-Bootstrap-Modal mit eckigen, um ein Modal an mein Dokument anzuhängen. Ich möchte jedoch, dass das Modal in einem Child-Div des Körpers mit der ID # base-view angehängt wird. Dies ist so, dass das Modal den Header auf meiner Seite nicht beeinflusst. Ich habe ein paar Fragen:

1) Ist das, was ich versuche möglich zu tun, oder wird modals immer das gesamte Dokument fade out

2) Wenn es möglich ist, könnte jemand den Fehler hinweisen in meinem

Wege

Code:

vm.modalInstance = $modal.open({ 
      templateUrl: config.TEMPLATES_URL + "reminders.template.html", 
      controller: 'RemindersModalController', 
      appendTo: angular.element(document.querySelector("#base-view")) 
     }); 

Dieser Code besteht in einer Komponente, die in der Basis-hTML-Seite verwendet wird.

Wenn dieser Code ausgeführt wird, wird das Modal angezeigt, aber beim Überprüfen des Elements ist es immer noch ein Kind des body div und nicht des # base-view div.

Ich frage mich auch, ob tatsächlich die # base-view Teil der Dom ist, wenn all dies aufgerufen wird.

Answer 1

Können Sie nicht einfach Z-Index-Wert des Headers erhöhen?

Answer 2

für Kind-Element fügen Sie einfach display:block

Answer 3

I Version 0.14.3 von ui-Bootstrap bin mit und versuchte, das appendTo-Attribut mit der UIB-modal zu verwenden. Ich hatte keinen Erfolg, also debuggte ich ein wenig und erkannte, dass die appendTo-Option in dieser Version von ui-bootstrap nicht implementiert ist. Ich weiß nicht, ob andere Versionen dies tun. Ich wollte es nur wissen lassen.