angular 之手动触发组件事件

业务场景:

 点击按钮,调用方法,然后方法中需要触发其他元素的事件

比如,点击新增 按钮 然后某个文本框需要获得输入焦点


  1、 元素上定义 模板变量

      type = "text"  [( ngModel )]= "port" >


2\组件中使用注入元素。

  @ViewChild('mylog') logs: ElementRef;

3、方法中调用元素的事件。

   

   this.logs.nativeElement.focus();
----------------------------------------------
----------------------------------------------
 其他方法:

   angual2 使用 ,构造函数注入Renderer
   constructor ( public   renderer Renderer ) {
    this.renderer.1invokeElementMethod(this.logs.nativeElement, 'click', []);


   angular 4 已废除 该类,使用Renderer2
        constructor( public rendererRenderer2 ) {
         this.renderer.listen()
  

你可能感兴趣的:(angular)