Skip to content

Instantly share code, notes, and snippets.

@cdcarson

cdcarson/component-in-fixed.html

Created August 11, 2017 23:33
Show Gist options
  • Save cdcarson/49c16a4f797d83965f2ff928f2689674 to your computer and use it in GitHub Desktop.
Save cdcarson/49c16a4f797d83965f2ff928f2689674 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
component-in-fixed.html
<div class="fixed-container">
<p class="text-muted">This is a fixed container.</p>
<p>
<button class="btn btn-primary" (click)="exampleModal1.show()">Show Modal</button>
</p>
<ng-template nzbModal #exampleModal1="nzbModal">
<div class="modal fade" tabindex="-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>
Time from containing component:
{{date.toLocaleTimeString()}}
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</ng-template>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment