Angular 我们如何向指令发送输入值

我想动态地将输入字段值传递给指令。我必须通过指令中的post请求将输入值发送到服务器。我该怎么做

我的html代码

试试这个：

 <input type="text" #input appHighlight [appHighlight]="input.value">

---

您可以通过将其ElementRef注入指令来获取输入值：

HTML

TS

从'@angular/core'导入{指令，HostListener，ElementRef}；
@指示({
选择器：“[appHighlight]”
})
导出类highlight指令{
构造函数（私有elmt:ElementRef）{}
@HostListener（'keyup.enter'）验证（）{
常量值=this.elmt.nativeElement.value；
/*使用此值可以执行任何操作*/
}
}

---

希望它有帮助

ngOnChange-SimpleChangesthis.el.nativeElement.value

     import { Directive, ElementRef, Input, Renderer2, HostBinding, TemplateRef, 
     ViewContainerRef, HostListener } from '@angular/core';
     import { NgControl } from '@angular/forms';
     import { HttpClient } from '@angular/common/http';
     import { HelloService } from './hello.service';

     @Directive({
     selector: '[appHighlight]',

     })
    export class HighlightDirective {
    @Input('appHighlight') appHighlight: string;
     constructor(private el: ElementRef, private http: HttpClient, private hello: 
     HelloService ) { }


    @HostListener('keyup.enter') disableInput(val) {
     console.log(val)
    this.hello.postauthorized({"key":this.appHighlight}).subscribe((res)=>{
     console.log(res)
     })

     }
   ngOnInit(){
  console.log(this.appHighlight)
   }

   }

 <input type="text" #input appHighlight [appHighlight]="input.value">