File
Metadata
selector |
app-modal-content |
template |
<div class="modal-header" *ngIf="options && options.hasHeader">
<h4 class="modal-title pull-left">{{ options.title }}</h4>
<button type="button" class="close" aria-label="Close" (click)="bsModalRef.hide()">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" *ngIf="options">
<ng-content></ng-content>
<h4>todo: app-modal-content</h4>
<div *ngIf="options.data.node">
<!--<ab-drupal-node [node]="options.data.node"></ab-drupal-node>-->
</div>
<!--<ul *ngIf="list.length">-->
<!--<li *ngFor="let item of list">{{item}}</li>-->
<!--</ul>-->
</div>
<div class="modal-footer" *ngIf="options && options.hasFooter">
<button type="button" class="btn btn-default" (click)="bsModalRef.hide()">{{ 'CLOSE' | translate }}</button>
<button type="button" class="btn btn-default" (click)="bsModalRef.hide()">{{ 'CLOSE' | translate }}</button>
</div>
|
Constructor
constructor(bsModalRef: BsModalRef)
|
|
Parameters :
Name |
Type |
Optional |
bsModalRef |
BsModalRef
|
no
|
|
Public
bsModalRef
|
bsModalRef: BsModalRef
|
Type : BsModalRef
|
|
Public
options
|
options: any
|
Type : any
|
|
import { Component, Input, OnChanges } from '@angular/core';
// import { BsModalService } from 'ngx-bootstrap/modal';
// import { BsModalRef } from 'ngx-bootstrap/modal/modal-options.class';
import { BsModalRef } from 'ngx-bootstrap/modal';
@Component({
selector: 'app-modal-content',
template: `
<div class="modal-header" *ngIf="options && options.hasHeader">
<h4 class="modal-title pull-left">{{ options.title }}</h4>
<button type="button" class="close" aria-label="Close" (click)="bsModalRef.hide()">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" *ngIf="options">
<ng-content></ng-content>
<h4>todo: app-modal-content</h4>
<div *ngIf="options.data.node">
<!--<ab-drupal-node [node]="options.data.node"></ab-drupal-node>-->
</div>
<!--<ul *ngIf="list.length">-->
<!--<li *ngFor="let item of list">{{item}}</li>-->
<!--</ul>-->
</div>
<div class="modal-footer" *ngIf="options && options.hasFooter">
<button type="button" class="btn btn-default" (click)="bsModalRef.hide()">{{ 'CLOSE' | translate }}</button>
<button type="button" class="btn btn-default" (click)="bsModalRef.hide()">{{ 'CLOSE' | translate }}</button>
</div>
`
})
export class ModalContentComponent {
public options: any;
constructor(public bsModalRef: BsModalRef) {
}
}
Legend
Html element with directive