我有一个基本要素:
<div> I'm a basic element </div>
我想创建一个允许我写这个的指令:
<div resizable-top> I'm a basic element </div>
并呈现这个:
<div resizable-top> <div> drag me to resize element </div> I'm a basic element </div>
所以,基本上我做了一个指令:
@Directive({ selector: '[resizable-top]',host: { '(mousedown)':'onMouseDown()','(mousemove)':'onMouseMove()','(mouseover)':'onMouseOver()' } }) export class ResizableDirective{ constructor(private el:ElementRef){ } onMouseDown(){ //TODO } onMouseMove(){ //TODO } onMouseOver(){ //TODO } }
问题是我不知道如何使用el创建子元素,我希望事件在子元素上绑定,而不是在实际元素上绑定.
由于ElementRef.nativeElement是任何类型,我无法找出我可以用来实现我想要的方法/属性.
如果选择器包含a,则el.nativeElement返回
HTMLElement – 否则为
HtmlUnknownElement
Angular的做法是将Renderer类与ElementRef结合使用.
constructor(private el:ElementRef,private renderer:Renderer){ }
并使用它提供的方法.
这使您的应用程序WebWorker和服务器端呈现安全.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。