Angular2 - 从另一个组件打开模态

时间:2017-03-08 18:34:48

标签: javascript angular typescript angular2-components

我有两个组件:login和忘记密码,第二个是第一个的子组件。忘记密码模板是模态,但打开此模式的操作在登录模板中。

这是忘记密码模板:

<div bsModal #forgotpassword="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="forgotpasswordLabel" aria-hidden="true">
....
</div>

在登录模板中,我尝试打开这个模态:

<a class="mt help-block" (click)="forgotpassword.show()">Forgot your password?</a>

当我点击此链接时,控制台会返回:

EXCEPTION: Error in ./Login class Login - inline template:26:18 caused by: Cannot read property 'show' of undefined

我测试了在忘记密码模板中包含此链接并且它有效。我相信我必须指出这个模态是在另一个组件中,但我没有弄清楚如何。

0 个答案:

没有答案