Расширение ngx-bootstrap ModalDirective с помощью моего собственного шаблона

Я хочу расширить модальное окно ngx-bootstrap и использовать свой собственный шаблон, как мне это сделать? Конечный продукт должен быть настраиваемым компонентом, который ведет себя так же, как модальное окно ngx-bootstrap, но должен быть предопределенным шаблоном.

@Injectable()
@Component({
    selector: 'register-patient',
    templateUrl: 'register-patient.component.html',
    styleUrls: ['register-patient.component.scss']
})
export class RegisterPatientComponent extends ModalDirective {
    // constructor, my own methods etc.
}

кажется многообещающим началом. Когда я открываю диалог, я вижу только стандартный фон и ничего больше. Я подозреваю, что в моем файле шаблона должна быть какая-то специальная директива или что-то в этом роде, но я не могу найти ни одной темы в Интернете. Я также не могу найти оригинальные html-шаблоны ngx-bootstrap, которые я мог бы скопировать и изменить. Что мне нужно включить в register-patient.component.html, чтобы это работало?


person Dread Boy    schedule 06.07.2017    source источник


Ответы (1)


Почему вы хотите это сделать. Вы можете добиться того, чего хотите, с родительским компонентом, контролирующим дочерний модальный компонент. Отметьте этот вопрос о переполнении стека Аналогичный вопрос

person user1843951    schedule 09.07.2017