How to use dynamic concatenated name for text-box in angular?Ask Questions

 Posted on 07/16/2018

hi I have a code like the following

<div *ngFor="let mobile of mobileList; let moIndx = index;">
         <div class="peopleMobileTxtDiv">

                 <input [disabled]="mobile.disabled" class="peopleMobileTxtBox" type="text" name={{mobile.no}}+"moIndx"
                            [value]="mobile.no" [(ngModel)]="mobile.no" required>
        </div>
</div>

I need to make the texbox name a combination of string + index dynamically. If the texbox name is same, as I change value of one all gets changed. So I tried to do as shown but its an error...

Share On: facebook gplus twitter
profile
Asked by hardik chaudhary on 07/16/2018 Score: 454 points
Add Comment:

Comments

1 Answers

1 Corrected Answers
Aproved Answers
2
Profile
Answered by Shailesh Chaudhary on 7/27/2018 6:58:17 AM Score: 802 points

This may be help to you.

 <input [disabled]="mobile.disabled" class="peopleMobileTxtBox" type="text" name={{mobile.no+""+moIndex }}"
                            [value]="mobile.no" [(ngModel)]="mobile.no" required>

 

or u can take scope variable for name and concatenate value and assign to that varialble

Comments

Add Comment:

Post Your Answers

Existing Members

Sign in to your account
Email Address
Password
New Member?
Sign up and complete profile
Full Name
Email Address
I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the StoodQ newsletters
Guideline to answer a question:

Useful tips to submit your answer
Please read below guidelines before you submit your answer for question.

  • Read and understand question for which you are submitting your answer.
  • Try to avoid grammatical and spell mistake while answering.
  • Do not post any irrelevant information in your answer.
  • Explain your answer with example or any reference link to help who posted question.
  • If you find irrelevant question, please report it to support. Click here to contact support.
  • You agree to the privacy policy and terms of use to submit any contents.

Note: StoodQ is online developers community which helps developer for their difficulty, lets help them with your value contribution.