Angular2 - MaterializeCSS: Modale Dialoge nicht öffnen

Ich bin mit Angular2 mit materializecss.
Im moment bin ich versucht zu erstellen, modale Dialoge, die sich öffnen, auf den button klicken. Es gibt auch ein Beispiel in den docs https://www.npmjs.com/package/angular2-materialize.

Bin ich auch mit einem materilize-wählen Sie die funktioniert auch einwandfrei, ich denke also, die installation, Importe etc. richtig sind.

Das problem ist, wenn ich auf die modal-trigger des Routers behebt die neue Route "localhost:4200/#modal1" und ich bin die Weiterleitung auf meine Startseite.

Ich habe auch versucht zu ersetzen, href mit data-target="modal1" aber das hat nicht funktioniert entweder.

Kann ich das irgendwie deaktivieren der Hash-Links für die Router? Meine anderen Strecken sind ohne hashes.

Hier ist das Beispiel von npm-docs. Kopiert habe ich das Teil 1:1.

<!-- Modal Trigger -->
<a materialize="leanModal" [materializeParams]="[{dismissible: false}]" class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>
<!-- Modal Structure -->
<div id="modal1" class="modal">
  <div class="modal-content">
    <h4>Modal Header</h4>
    <p>A bunch of text</p>
  </div>
  <div class="modal-footer">
    <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
  </div>
</div>

Jede Hilfe/Hinweise dankbar!

Edit: ich habe die Anker, um eine Funktion aufzurufen, klicken Sie auf

<a materialize="leanModal" [materializeParams]="[{dismissible: false}]" class="waves-effect waves-light btn modal-trigger" (click)="openModal()>Modal</a>

auslöst,

$('#modal1').openModal()

Aber jetzt bekomme ich eine Fehlermeldung:
j.Geschwindigkeit keine Funktion

Edit 2:

Habe es zum öffnen der modals von der Verwendung von jQuery anstelle von $. Ich bekomme immer noch den Fehler, und die Anwendung hängen geblieben ist nach dem öffnen der modal.

InformationsquelleAutor Tallerlei | 2016-10-12
Schreibe einen Kommentar