blocks|key|2426847|text|如果您希望从火更改函数中获取元素，您可能希望尝试如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2426848|firechange(event){
++++++++++let+theElement+=+event.target;
++++++++++//+now+theElement+holds+the+html+element+which+you+can+query+for+name,+value+and+so+on
+}|code-block|syntax|javascript|2426849|此外，如果您希望指示您的组件在您的所有输入字段中使用一个指令(并且不必在每个输入字段上指定这一点)，那么我建议您查看in+Angular2+how+to+know+when+ANY+form+input+field+lost+focus。|offset|length|2426850|我希望这能帮到你|2426851|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/36342890/in-angular2-how-to-know-when-any-form-input-field-lost-focus^0|0|0|1M|1O|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

If you want to get hold of the element from within your fire change function you may want to try something like:

<pre><code>firechange(event){
 let theElement = event.target;
 // now theElement holds the html element which you can query for name, value and so on
 }
</code></pre>

If you in addition you want to instruct your component to apply the firechange() logic on all of your input fields with one single instruction in your component (and not having to specify this on every single input field) than I suggest you to look at <a href="https://stackoverflow.com/questions/36342890/in-angular2-how-to-know-when-any-form-input-field-lost-focus">in Angular2 how to know when ANY form input field lost focus</a>.

I hope this helps

blocks|key|2426856|text|如果id与要传递的名称相同，则可以获得如下所示的名称|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2426857|firechange(event){
++if(this.userProfileForm.controls[$event.target.id].valid){
}|code-block|syntax|javascript|2426858|entityMap^0|2|2|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

If the <code>id</code> is the same as the name you are passing you can get the name like

<pre><code>firechange(event){
 if(this.userProfileForm.controls[$event.target.id].valid){
}
</code></pre>

blocks|key|2532150|text|要获取元素的实际名称，可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2532151|firechange(event){
+++++var+name+=+event.target.attributes.getNamedItem('ng-reflect-name').value;
+++++console.log('name')
}|code-block|syntax|javascript|2532152|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

To get the actual name of the element you can do the following:

<pre><code>firechange(event){
 var name = event.target.attributes.getNamedItem('ng-reflect-name').value;
 console.log('name')
}
</code></pre>

blocks|key|2426889|text|如果id不一样或者它可以改变，这里有更多的杠杆.|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2426890|您可能想要反映元素的属性[name]属性|2426891|...+#input+[name]="item.name"+[attr.name]="item.name"+(change)="fn(input)"+...|code-block|syntax|javascript|2426892|然后,|2426893|...
fn(input)+{
++++log(input.name);++//+now+it+returns+the+name
}
...|2426894|See+more+here|2426895|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/42878385/angular2-binding-of-name-attribute-in-input-elements-with-ngfor^0|2|2|0|C|6|0|0|0|0|0|D|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|17|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|S|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

<h3>If <code>id</code> is not the same or it can change, here's more leverage...</h3>

You may want to reflect the <code>[name]</code> property the the element's attribute:

<pre><code>... #input [name]="item.name" [attr.name]="item.name" (change)="fn(input)" ...
</code></pre>

Then,

<pre><code>...
fn(input) {
 log(input.name); // now it returns the name
}
...
</code></pre>

<a href="https://stackoverflow.com/questions/42878385/angular2-binding-of-name-attribute-in-input-elements-with-ngfor">See more here</a>

blocks|key|1669586|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1669587|<input+type="text"+(change)="firechange($event.target.value)">|code-block|syntax|javascript|1669588|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this:

<pre><code>&lt;input type="text" (change)="firechange($event.target.value)"&gt;
</code></pre>

blocks|key|2426919|text|这个在10角对我有用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2426920|$event.source.name|code-block|syntax|javascript|2426921|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This worked for me in Angular 10
<pre><code>$event.source.name
</code></pre>

I am not sure whether its logical to get.
Here is the html code for my input box.

<pre><code>&lt;input type="text" id="name" #name="ngForm" [ngFormControl]="userProfileForm.controls['name']" 
 [(ngModel)]="loggedUserInfo.name" (change)="firechange($event,'name')"
 /&gt;
</code></pre>

and here is my firechange function

<pre><code> firechange($event, field){
 if(this.userProfileForm.controls[field].valid){
 this._userService.updateUserProfile(this.loggedUserInfo);
 this._userService.loadUserData(); 
 }
 }
</code></pre>

I want to pass only the event in the firechange function and inside the fire change function I want to get the input field name from the event so that I can understand that which input field in my form triggered the event. Expected code will be something like that



<pre><code>[ngFormControl]="userProfileForm.controls['name']" 
 [(ngModel)]="loggedUserInfo.name" (change)="firechange($event)"
 /&gt;

firechange($event){
 if(this.userProfileForm.controls[$event.fieldname].valid){
 this._userService.updateUserProfile(this.loggedUserInfo);
 this._userService.loadUserData(); 
 }
 }
</code></pre>

My ideal requirement is, in a form there are number of form fields, I don't even want to write firechange function in each individual form field. Is there any generic way to call the event on each input field value change for a particular form without writing it on each input field?

how to get input field name through event object in angular 2

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我不知道这是否合乎逻辑。这是我输入框的html代码。<input type="text" id="name" #name="ngForm" [ngFormControl]="userProfileForm.controls['name']" [(ngModel)]="loggedUserIn...

问如何通过角2中的事件对象获取输入字段名
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过角2中的事件对象获取输入字段名EN