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={{}}+"moIndx"
                            [value]="" [(ngModel)]="" required>

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
Asked by hardik chaudhary on 07/16/2018 Score: 557 points
Add Comment:


1 Answers

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

This may be help to you.

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


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


Add Comment:

Post Your Answers

Existing Members

Sign in to your account
Email Address
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.