在Angular 5中,有两个页面使用的共享按钮组件。第1页和第2页。但是click事件仅对page1可见。不知道我是否在这里想念什么。下面显示的是组件层次结构的完整结构。
Index.html
App.html
page1.html
btn.html
page2.html
btn.html
btn.html组件对于page1和page2是通用的。问题是仅在page1.html上执行btn.component.ts的按钮单击事件。page2.html不知道此事件。
我已经创建了这个代码,以显示我的问题。
https://plnkr.co/edit/Ry5Uj2VHzVK0RfaJcXyZ?p=info
请在这里帮助我。如何解决此问题?还是我在这里做什么错。谢谢。
可能是click事件仅绑定到该组件的第一个实例。因此您可以尝试以下操作:
在btn共享组件html中:
<div>
<label>This is test button</label>
<input type="button" id="Testbtn" value="Click me" (click)="FunctionOnClick()">
</div>
在btn共享组件ts中:
import { Component } from '@angular/core';
@Component({
selector: 'btn-shared',
templateUrl: 'src/shared/btn.component.html'
})
export class btnComponent {
public FunctionOnClick(){
alert("Clicked ");
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句