为什么(click)="handleEdit()“在这里不起作用
为什么(click)="handleEdit()“在这里不起作用
提问于 2019-05-01 01:03:26
谁能告诉我为什么(click)=handleEdit($event)不起作用？我用粗体显示了下面的html。它正在使用primeng p-button。我已经发布了一个类似的问题，但我认为这个问题更中肯。
<div class="ui-g-12 ui-md-10 ui-g-nopad">
<div class="ui-g-12">
<p-toolbar id="toolbarId">
<div class="ui-toolbar-group-left">
**<button pButton type="button" label="Edit" icon="pi pi-search" id="editBtn" class="ui-button-danger" (click)="handleEdit($event)"></button>**
</div>
<div class="ui-toolbar-group-right">
<button pButton type="button" icon="pi pi-search" id="searchId"></button>
<button pButton type="button" icon="pi pi-calendar" class="ui-button-success"
id="calendarBtn"></button>
<button pButton type="button" icon="pi pi-times" class="ui-button-danger" id="exitBtn"></button>
</div>
</p-toolbar>
</div>
<router-outlet></router-outlet>
</div>
export class HomescreenComponent implements OnInit {
title = 'niche-app Home';
appMenu: AppMenu;
constructor(private appMenuService: AppMenuService) { }
items: MenuItem[];
ngOnInit() {
this.appMenu = this.appMenuService.getAppMenu();
...
}
handleEdit() {
console.log("handleEdit(): Called...");
}
}回答 2
Stack Overflow用户
回答已采纳
发布于 2019-05-01 21:56:10
我发现了问题所在。需要将路由器插座标记移到p工具栏标记的正下方。使其不是主屏幕父组件的子组件。
一旦我在homescreen.html文件中移动了路由器插座的位置，它就开始响应(单击)事件。
感谢guptarahul275抽出时间来回答我的问题。
<div class="ui-g-12 ui-md-10 ui-g-nopad">
<div class="ui-g-12">
<p-toolbar id="toolbarId">
<div class="ui-toolbar-group-left">
<button pButton type="button" label="New" icon="pi pi-plus" id="newBtn"></button>
<button pButton type="button" label="Edit" icon="pi pi-search" id="editBtn" class="ui-button-danger" (click)="handleEdit($event)"></button>
<button pButton type="button" label="Upload" icon="pi pi-upload" class="ui-button-success"
id="uploadBtn"></button>
<i class="pi pi-bars"></i>
<p-splitButton label="Save" icon="pi pi-check" [model]="items" styleClass="ui-button-warning"
id="saveBtn"></p-splitButton>
</div>
<div class="ui-toolbar-group-right">
<button pButton type="button" icon="pi pi-search" id="searchId"></button>
<button pButton type="button" icon="pi pi-calendar" class="ui-button-success"
id="calendarBtn"></button>
<button pButton type="button" icon="pi pi-times" class="ui-button-danger" id="exitBtn"></button>
</div>
</p-toolbar>
<router-outlet></router-outlet>
</div>
**router-outlet used to be here**
</div>Stack Overflow用户
发布于 2019-05-01 01:43:25
<div class="ui-toolbar-group-left">
<button
pButton
type="button"
label="Edit"
icon="pi pi-search"
id="editBtn"
class="ui-button-danger"
(click)="handleEdit($event)">
Hello
</button>
</div>请将html复制粘贴到页面中，然后单击按钮。我已经在控制台中测试并打印了它
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55925677
复制相关文章
相似问题
腾讯云开发者
