Question

我有以下输入内容：

title

由于fr_FR

我无法像这样检索elementRef：

 <input
                #participantInput="ngModel"
                id="participantInput"                  
                pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$"
                class="cell small-7"
                placeholder="John.Doe@gmail.com"
                [(ngModel)]="newParticipantMail"
                (keyup.enter)="addParticipant()"
                style="height:10%;">

那么，我该如何专注于该领域？

Answer 1

您可以添加另一个模板变量，如下所示：

 <input
            #participantInput="ngModel"
            #participantRef
            id="participantInput"                  
            pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$"
            class="cell small-7"
            placeholder="John.Doe@gmail.com"
            [(ngModel)]="newParticipantMail"
            (keyup.enter)="addParticipant()"
            style="height:10%;">

然后您可以将其访问到组件中

@ViewChild('participantRef') participantRef: ElementRef;

显然，您必须等待视图初始化，例如，实现AfterViewInit接口

角度关注表单控制

1 个答案: