У меня есть модальный компонент, созданный с помощью ng-bootstrap, как показано ниже (только тело):
<template #content let-c="close" let-d="dismiss">
<div class="modal-body">
<p>Modal body</p>
</div>
</template>
И это компонент angular 2.
import { Component } from '@angular/core';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
@Component({
selector: 'my-hello-home-modal',
templateUrl: './hellohome.modal.html'
})
export class HelloHomeModalComponent {
closeResult: string;
constructor(private modal: NgbModal) {}
open(content) {
this.modal.open(content).result.then((result) => {
this.closeResult = `Closed with: ${result}`;
}, (reason) => {
console.log(reason);
});
}
}
Я действительно хочу иметь возможность вызывать этот мод из другого компонента на моем веб-сайте. Я просто хочу вызвать из моего homeComponent метод open.
Посмотреть мой домашний компонент
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'my-home',
templateUrl: './home.component.html'
})
export class HomeComponent implements OnInit {
constructor() {
}
ngOnInit() {
console.log('Hello Home');
/** want call modal popin here from the init component method in order to test the modal. **/
}
}
Кто-нибудь может объяснить мне, как это сделать? Я пришел из angular 1.x, и это было намного проще...