[英]Angular2 directive selector syntax
I want to create directive in Angular2 for custom event "rowclick": <tr (rowclick)="onRowClicked(item)"></tr>
. 我想在Angular2中为自定义事件“ rowclick”创建指令:
<tr (rowclick)="onRowClicked(item)"></tr>
。 Event will respond to clicks on row, but filters out clicks on links and buttons inside row cells. 事件将响应对行的单击,但是滤除对行单元格内的链接和按钮的单击。
Directive declaration: 指令声明:
@Directive({
selector: '[(rowclick)]',
events: ['rowclick'],
host: { '(click)': 'onClick($event)' }
})
I have a problem to write directive selector, which targets (rowclick) property. 我在编写指令选择器时遇到了问题,该选择器的目标是(rowclick)属性。 I tried
[rowclick]
, [(rowclick)]
, [\\\\(rowclick\\\\)]
. 我尝试了
[rowclick]
, [(rowclick)]
, [\\\\(rowclick\\\\)]
。 None of them works. 它们都不起作用。
How should I write selector to target (rowclick)
attribute on tr
element? 如何将选择器写入
tr
元素上的target (rowclick)
属性?
I believe that would be confusing as (event)
syntax is used to bind to events. 我相信这会令人困惑,因为
(event)
语法用于绑定事件。 You can try to define a attribute on the tr
or use tr
itself as a selector 您可以尝试在
tr
上定义属性或将tr
本身用作选择器
selector: '[special]' // <tr special>...</tr>
or 要么
selector:'tr'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.